Steps to reproduce
- Render HTML snippet on EDGE or IE 11
<option value="1" >test1</option>
<option value="2" style="display:none;" >test2</option>
<option value="3" >test3</option>
<option value="4" >test4</option>
<option value="5" >test5</option>
Option 2 should be hidden like it is in Chrome\FF
Options “2” should be hidden but is visable.
Known issues for EDGE, IE11, IE10, IE9.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Mara P.”
Changed Assigned To to “Christian F.”
Changed Assigned To to “Bogdan B.”
Changed Assigned To from “Bogdan B.” to “IE S.”
Changed Status to “Fixed”
Seeing as how this page does not list when this issue was reported and what the fix is, I would like to report on 07-09-2016 (EU format) that the fix does not work and the reported “fixed” is false.
I would upload a screen snippet showing several
optionelements with attributes
disabled="disabled", they are shown.
Also, those same elements may have the class
display: none !important;, however, this also has no effect.
With IE11 don’t work :(
This is still an issue with version 11.0.9600.18524.
Update Versions: 11.0.37 (KB3197655)
Our organization of ~5,000 employees uses almost exclusively IE11. We have some IE9 versions out there. I am trying to use Display: none; and Display: block; in a dropdownlist and it’s not working. I have a very simple page like the jsfiddle that Davide M shared. I tried his jsfiddle in IE11 and it does NOT work. If there is a work around, please post it here as it’s a real headache for us. Thanks!!!
When i test it in edge on 14393.726 at Feb 16 2017,it is fixed ;
But , there is still some more space on alerting box:
there are 4 items and 5 items space
Thanks @Crash B. - we not using Edge yet - it’s too new and if there’s a fix coming or available for IE11 I’d love to know about it so we can install and test. Thanks.
Thank you for providing your feedback on IE11. We are not accepting feedback on Internet Explorer through this portal any longer (unless security related). We welcome any feedback you have on Microsoft Edge through this website.
We confirmed the problem, and implemented a solution on a later build of Edge. We are resolving this issue as a duplicate of an existing internal bug report. We look forward to additional feedback you may have on how we can improve Microsoft Edge.
The MS Edge Team
Edge still is “reserving” space for options with display:none, at the end of the select dropdown. You can reproduce/see it in the existing jsfiddle URL.
Microsoft Edge 40.15063.0.0
Microsoft EdgeHTML 15.15063
As Robin B said, space is being reserved. Adding a disabled or hidden tag does not prevent the space being reserved.