uneven border width for focused and unstyled <input type="text"> with non-native theme on Windows
Categories
(Core :: Layout: Form Controls, defect)
Tracking
()
Tracking | Status | |
---|---|---|
firefox-esr78 | --- | unaffected |
firefox86 | --- | unaffected |
firefox87 | --- | unaffected |
firefox88 | --- | verified |
People
(Reporter: aryx, Assigned: emilio)
References
Details
Attachments
(2 files)
Windows 8.1, Firefox 88.0a1 20210303215027
- Go to https://hg.mozilla.org/integration/autoland
- Click into the search box at the top right.
Actual result: uneven border width and a focus ring; if the border is supposed to create a 3D effect, then I don't see it
Expected result: Likely either a focus ring or a change to the box's border, and no 3D effect
![]() |
Reporter | |
Comment 1•4 years ago
|
||
Assignee | ||
Comment 2•4 years ago
|
||
Is this with WebRender enabled or disabled? What is window.devicePixelRatio?
Dupe of bug 477157?
Assignee | ||
Comment 5•4 years ago
|
||
No, not really.
Assignee | ||
Comment 6•4 years ago
|
||
This isn't really an uneven border (because we snap border widths
correctly); this is the textfield border snapping differently than the
outline, actually, in a way such that the outline shows underneath. We
use negative offsets to try to cover the border but that breaks in this
case.
I thought of two ways to fix it, but this one looks slightly more
future-proof (and simpler), see the comment in ComputeBorderColor. Let
me know if you want me to go the other way (snapping offsets instead) or
both, actually.
The transparent border uncovered that the radius was slightly off, and
also that I forgot to snap the auto-style outline width properly, so I
fixed those drive-by too (without the first one stuff looks off
otherwise, at least, the second one I could move).
Updated•4 years ago
|
Comment 8•4 years ago
|
||
Backed out changeset 42731d5daba6 (bug 1696378) for reftest failures in textarea-focus.html.
https://hg.mozilla.org/integration/autoland/rev/992d364ca303b751f20cd780c1d0b78bb8b37a34
Push with failures:
https://treeherder.mozilla.org/jobs?repo=autoland&revision=42731d5daba63b8223bab83b772275ef03e44f6b&selectedTaskRun=Z6ypJKijQ_y8NE6tMO5zCA.0
Failure log:
https://treeherder.mozilla.org/logviewer?job_id=332132702&repo=autoland&lineNumber=36474
Comment 10•4 years ago
|
||
Assignee | ||
Updated•4 years ago
|
Comment 11•4 years ago
|
||
bugherder |
https://hg.mozilla.org/mozilla-central/rev/f7127e946a01
https://hg.mozilla.org/mozilla-central/rev/1fd39e6a5388
Updated•4 years ago
|
Comment 12•4 years ago
|
||
Reproduced the issue with Firefox 88.0a1 (20210304215542) on Windows 10x64 and DPI set to 125%.
The issue is verified fixed with Firefox 88.0b9 (20210408190318) while having widget.non-native-theme.enabled:true
. The outline is properly displayed and even.
Description
•