Open Bug 981916 Opened 7 years ago Updated 2 years ago

Render <input type="range"> vertically if height > width

Categories

(Core :: DOM: Core & HTML, defect, P3)

27 Branch
x86_64
All
defect

Tracking

()

People

(Reporter: sime.vidas, Unassigned)

References

Details

(Keywords: dev-doc-needed, Whiteboard: [bugday-20140317])

Attachments

(1 file)

Attached image Capture.PNG
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".
Blocks: 840820
Status: UNCONFIRMED → NEW
Component: Untriaged → DOM: Core & HTML
Ever confirmed: true
OS: Windows 8.1 → All
Product: Firefox → Core
Whiteboard: [bugday-20140317]
Maybe it's been rejected, see bug 840820 comment 14 and bug 833742 comment 4.
If this gets addressed, the docs for the range input on MDN need to be revised to say so. Adding dev-doc-needed keyword.
Keywords: dev-doc-needed
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.