Open
Bug 981916
Opened 11 years ago
Updated 2 years ago
Render <input type="range"> vertically if height > width
Categories
(Core :: DOM: Forms, defect, P3)
Tracking
()
NEW
People
(Reporter: sime.vidas, Unassigned)
References
Details
(Keywords: dev-doc-needed, Whiteboard: [bugday-20140317])
Attachments
(1 file)
|
10.04 KB,
image/png
|
Details |
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.
|
Reporter | |
Comment 1•11 years ago
|
||
My mistake: I meant to say "so that its CSS height is larger than its CSS width".
|
||
Updated•11 years ago
|
Blocks: 840820
Status: UNCONFIRMED → NEW
Component: Untriaged → DOM: Core & HTML
Ever confirmed: true
OS: Windows 8.1 → All
Product: Firefox → Core
Whiteboard: [bugday-20140317]
|
|
||
Comment 2•11 years ago
|
||
Maybe it's been rejected, see bug 840820 comment 14 and bug 833742 comment 4.
|
||
Comment 3•8 years ago
|
||
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
|
||
Updated•6 years ago
|
Priority: -- → P3
|
||
Updated•4 years ago
|
Component: DOM: Core & HTML → DOM: Forms
|
||
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•