This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.
"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.
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.