EDGE \ IE "display: none" on OPTION tag is ignored - Works in all other major browsers.

Fixed Issue #5457477


Nov 17, 2015
This issue is public.
Reported by 4 people

Sign in to watch or report this issue.

Steps to reproduce

URL: http://jsfiddle.net/pjLv5h3a/

Repro Steps:

  1. 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>

Expected Results:

Option 2 should be hidden like it is in Chrome\FF

Actual Results:

Expected Rendering:
Options “2” should be hidden but is visable.

Known issues for EDGE, IE11, IE10, IE9.


0 attachments

    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 option elements with attributes disabled="disabled", they are shown.

      Also, those same elements may have the class hidden added. hidden contains CSS 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.

    • Hello,

      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.

      Best Wishes,
      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.

    • Still have same problem as Robin B and Fritz R mentioned. Really annoy, please fix it.

    You need to sign in to your Microsoft account to add a comment.

    Sign in