make <input type="range"> bigger when zooming

NEW
Unassigned

Status

()

Core
Layout: Form Controls
5 years ago
4 years ago

People

(Reporter: Alice Lieutier, Unassigned)

Tracking

(Depends on: 1 bug)

23 Branch
x86
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

5 years ago
Created attachment 749357 [details]
zoomed input type range element in opera

When zooming on a page, <input type="range"> element does not really change in size. It only becomes longer. I'm not sure it's the prefered behaviour as zooming should make it easier to click (bigger draggable area..).

For reference, I included an image of what opera shows when zooming on a page with an <input type="range">. It's not beautiful, but it's more accessible I think.
I think the reason is because we don't use em height on horizontal themed range. You should try with <input style="-moz-appearance: none;" type='range'>.
(In reply to Mounir Lamouri (:mounir) from comment #1)
> I think the reason is because we don't use em height on horizontal themed
> range. You should try with <input style="-moz-appearance: none;"
> type='range'>.

It's actually more related with the way the widget is drawn. It should be using DrawCellWithSnapping instead of calling directly HIThemeDrawTrack. The patch in bug 872085 would likely solve this one too.
Depends on: 872085
You need to log in before you can comment on or make changes to this bug.