html5 display none,52214 – [HTML5] Revert display:none on datalist

Jeremy Keith

2011-01-11 08:43:59 PST

Until the datalist element is supported, the element should be ignored (like any other unknown element). Instead the CSS currently applies display:none to datalist elements (line 539 of html.css).

The datalist element can contain content other than option elements; this is by design so that authors can rely on non-supporting browsers to display the non-option content as a fallback. Applying display:none to datalist negates this ability.

In effect, the spec is relying on non-supporting browsers to treat the datalist element the same way they would treat foo, bar, or any other element they don't recognise.

Here's a test case: http://adactio.s3.amazonaws.com/misc/datalist.html

Source: https://gist.github.com/771830/

Without the author CSS that sets datalist to display: inline-block, the fallback content (a select element a text node) is hidden.

The expected behaviour is that the fallback content is displayed.

I've tested this in the latest nightly build r75294 on Mac OS X 10.6.6.

Because this issue can be resolved in a user or author stylesheet, I'm marking this bug as minor rather than normal.