I have just noticed that when using IE 11, after changing the selection in a WebDropDown, an "X" appears next to the triangle selector thing.
If the user clicks the X, it clears the selected text from the dropdown, but when the page posts back, the value that was selected before clicking the X is still the selected value.
This X does not show up in other versions of IE or in Chrome or Firefox.
Ideally, I would like to know how to suppress the X so that it isn't there, becuase it is allowing user to clear a dropdown that I do not wish them to be able to clear.
Is there a way to disable or hide the X?
Thanks!
John
Hi John,
Which version are you using in this scenario ? There is a known issue (118092), fixed in versions 12.1 build 2056, and 11.2 build 2164, and onwards which ensures that the clear button is not displayed in WebDropDown in order to keep the display consistent across all browsers.
If you are using an older version I would suggest upgrading your project to a version newer than the ones mentioned above.
Please do not hesitate to contact me with any updates or questions.
I am using version 13.2.20132.2077.
We too are experiencing this problem with 13.1 and 13.2 builds in IE11.
I have figured out why the upgrade doesn't work for us, and probably others too. Simply upgrading the control DLL and versions using the "upgrade tool" is not enough. You also have to upgrade the style sheets used by your application to the latest version from the app stylist. The following CSS rule has been added to *texteditor.css file:.igte_Edit::-ms-clear, .igte_EditInContainer::-ms-clear{display: none;}
This can, of course, be added manually to your existing files, but there is a good chance other changes are worth getting too.
Hello pellcomp,
Thank you for your reply. As you have rightly noted, after upgrading it is necessary to refresh or add anew the styleset as the fix for this issue is in the CSS.
Please do not hesitate to contact me if you need more information.
Hello John,
Please feel free to contact me if you are still experiencing any issues with this matter.
Thank you for the sample. I have tested it under IE11 version 11.0.9600.16428 and the issue does not seem to occur and the required CSS class of the used styleset (Windows7) appears to be applied correctly (removing the class makes the clear button reappear in IE):
.igdd_Windows7ValueDisplay::-ms-clear
{display: none;display: none;}
Is it possible to check if the issue occurs in a blank project with just a single WebDropDown in it ?
Please do not hesitate to contact me with any updates regaring this matter.
In the developer tools, I cannot see the style being applied to the dropdown, althought it appears that my styles are up to date.
Attached is a test project that I am using. In this project, the "X" shows on the WebDropDown in Default.aspx for IE 11, but not other browsers.
If you could take a look and let me know what might be wrong, that would be awesome.
Hello jmakuch,
Thank you for your reply. Can you please make sure that the cache is cleared to ensure that no old styles are being loaded on the page. In addition to that, it would be helpful inspecting in the IE developer tools whether the style removing the clear X is applied on the dropdown input in this case. A small working sample demonstrating the issues would be greatly appreciated and would allow me to provide you with more specific feedback.
My stylesheet is up to date and contains the section referenced by pellcomp, but the issue is still occurring.