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

NEW
Unassigned

Status

()

defect
P3
normal
5 years ago
11 months ago

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)

Reporter

Description

5 years ago
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.
Reporter

Comment 1

5 years ago
My mistake: I meant to say "so that its CSS height is larger than its CSS width".

Updated

5 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

5 years ago
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

Updated

11 months ago
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.