28143 2015-03-05 06:45:24 +0000 An option's visibility can be different from the enclosing select visibility 2016-09-19 16:29:18 +0000 1 1 1 Unclassified Browser Test/Tools WG WebDriver unspecified PC Windows NT RESOLVED INVALID P2 normal --- 20860 1 barancev public-browser-tools-testing johnjan luke.semerau mike public-browser-tools-testing oldest_to_newest 118343 0 barancev 2015-03-05 06:45:24 +0000 "OPTIONs and OPTGROUP elements must be displayed if and only if the enclosing select element is displayed." An option's visibility can be different from the enclosing select visibility. 1. http://jsfiddle.net/d26xvdpt/ -- an invisible select that contains visible options. 2. http://jsfiddle.net/atpqa5fw/ -- a visible select with invisible options. a) <option value="hidden" style="visibility:hidden">Hidden option</option> Such an option has no visible text but it is present in the dropdown. It can be selected in Chrome and IE but it cannot be selected in Firefox. b) <option value="invisible" style="display:none">Invisible option</option> Such an option is not present in the dropdown in Chrome and Firefox, but it is present and visible (and selectable) in IE. 118362 1 luke.semerau 2015-03-05 16:48:30 +0000 the second example, in chrome at least, doesn't affect the visibility of the element. I only saw Firefox respect the display:none. So is that a HTML spec bug? Opacity set to 0 is a dirty trick that we don't allow with other elements either. Yes the user can interact with it, but no, it's not displayed. The options (after selecting) are still not displayed.