github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-03 18:49:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix font-size dropdown clipping multi-digit values in Firefox (#11162)

Browse Source 
The .custom-select-dropdown used width: fit-content which, in Firefox,
is capped to the containing block width (60 px for the font-size input).
This caused two- and three-digit font-size values (e.g. 48, 120, 1000)
to be visually clipped in the dropdown list.

Switching to width: max-content lets the dropdown expand to fit its
content regardless of the containing block width, matching the behaviour
Chrome already exhibited with fit-content.

Fixes #11008
This commit is contained in:
0xTHAC0 2026-09-02 19:24:33 +05:30 committed by GitHub
parent 70b443a716
commit b2fb63988f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/main/ui/components/editable_select.scss
View File

@ -39,7 +39,7 @@
.custom-select-dropdown {
@extend %dropdown-wrapper;
width: fit-content;
width: max-content;
max-height: px2rem(320); // TODO: when this gets addressed in the DS, use a token
.separator {
margin: 0;