Page Zoom: "%" sign wraps below the input on Linux #3088
Closed
kands-code
started this conversation in
Issue Triage
Replies: 1 comment
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Issue Description
In Settings → General, the "%" next to the Page Zoom number field
wraps onto a second line and renders below the input box, half outside
its border.
Expected Behavior
"100 %" stays on one line inside the box, as it does on macOS and on mobile.
Actual Behavior
Reproduction Steps
Environment
Relevant Logs
Additional context
Why it happens
The box wrapping the
<input>and the "%" has a fixed width(
6.25rem≈ 100 px) andflex-wrap: wrap. The input's own width isnot set explicitly — it comes from
size="1", which depends on thebrowser's default form font, plus the width of the number input's
spinner arrows on desktop. Both differ across platforms. On Linux the
input ends up a few pixels wider, the "%" no longer fits, wraps below,
and overflows the fixed-height (32 px) box.
Suggested fix
Any of these would work:
flex-wrap: nowrapon the box, ormin-width: 0; flex: 1;), orI acknowledge that:
```) on separate lines.All reactions