Open Bug 981916 Opened 8 years ago Updated 10 months ago
Render <input type="range"> vertically if height > width
User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:27.0) Gecko/20100101 Firefox/27.0 (Beta/Release) Build ID: 20140212131424 Steps to reproduce: Apply CSS on an <input type=range> so that its CSS width is larger than its CSS height. Live demo: http://jsfiddle.net/simevidas/8v2LD/ Actual results: Firefox will not render the form field vertically. Expected results: Firefox should render the field vertically. See code example in HTML 5.1 spec here: http://www.w3.org/html/wg/drafts/html/master/forms.html#range-state-%28type=range%29. While this is not mandated by the spec, Opera's Presto engine has implemented this behavior (see screenshot), so I'm suggesting this for Firefox.
My mistake: I meant to say "so that its CSS height is larger than its CSS width".
Status: UNCONFIRMED → NEW
Component: Untriaged → DOM: Core & HTML
Ever confirmed: true
OS: Windows 8.1 → All
Product: Firefox → Core
If this gets addressed, the docs for the range input on MDN need to be revised to say so. Adding dev-doc-needed keyword.
You need to log in before you can comment on or make changes to this bug.