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

Fixed Issue #5457477

Details

Created
Nov 17, 2015
Privacy
This issue is public.
Reports
Reported by 2 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

<html>
<head>Test</head>
<body>
<select>
<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>
</select>
</body>
</html>

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.

Attachments

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 :(
      http://jsfiddle.net/pjLv5h3a/

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

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

    Sign in