search

fryn / html5slider

<input type=range> polyfill for Firefox
http://fryn.github.io/html5slider/
180 stars 48 forks source link

display none doesn't work #20

Closed marcobiscaro2112 closed 11 years ago

marcobiscaro2112 commented 11 years ago

It's not possible to create a hidden slider, because the CSS rule display: none doesn't work.

For exemple:

<input type="range" id="test" />

And:

#test {
   display: none;
}

Even with this rule the slider still visible.

fryn commented 11 years ago

Interesting. This is actually a bug in Firefox only in versions 21 and 22, not in html5slider. The bug is fixed in Firefox 23, but that hasn't reached the release channel yet. I filed https://bugzilla.mozilla.org/show_bug.cgi?id=874215 for the issue.

fryn commented 11 years ago

Unfortunately, I don't have a workaround, except to put the element inside a container and set display: none; on the container instead. :(