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

NEW
Unassigned

Status

()

defect
P3
normal
5 years ago
Last year

People

(Reporter: sime.vidas, Unassigned)

Tracking

({dev-doc-needed})

27 Branch
x86_64
All
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [bugday-20140317])

Attachments

(1 attachment)

Posted 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.