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.