1430663 - some UI elements don't scale with layout.css.devPixelsPerPx

Status: NEW

(Core :: Layout: Form Controls, defect, P3)

Description

[Erfan]

Attachment: devPx2-vs-devPx1.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:59.0) Gecko/20100101 Firefox/59.0
Build ID: 20180113100255

Steps to reproduce:

set layout.css.devPixelsPerPx to 2 (to scale on HiDPI monitors)


Actual results:

Scrollbar, inputs (number, checkbox, radio, etc) don't scale properly


Expected results:

They should get bigger like the rest of the UI

Comment 1

[Erfan]

Attachment: Buttons in context (on a 13")

It's hard to tell how small the buttons are in the comparison.
Here's a screenshot in context of everything else

Comment 2

[Cosmin Muntean [:cmuntean], Ecosystem QA]

User Agent  Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0
Firefox 57.0.4, Build ID: 20180103231032

I have manged to reproduce this issue on Ubuntu 14.0.4 x64 on latest Firefox (57.0.4) release and latest Nightly (59.0a1) build. For testing this I have used the code from the provided screenshots from comment 1: "data:text/html,<input type="number"><input type="checkbox"><input type="radio">".

On Windows and Mac you can observe that the inputs are also scaled, but on Linux I can't see any difference.

Comment 3

[Xidorn Quan [:xidorn] UTC+10]

Either issue in Form Controls or in Widget. Probably the latter.

Also I found that at least on macOS, the small control buttons inside <input type=number> don't scale even though the input box itself scales.

Comment 4

[Jet Villegas (inactive)]

[ Triage 2017/02/20: P3 ]