From b2fb63988f1116d14c47b4732aa93096423fe5a2 Mon Sep 17 00:00:00 2001 From: 0xTHAC0 Date: Wed, 2 Sep 2026 19:24:33 +0530 Subject: [PATCH] :bug: Fix font-size dropdown clipping multi-digit values in Firefox (#11162) 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 --- frontend/src/app/main/ui/components/editable_select.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/app/main/ui/components/editable_select.scss b/frontend/src/app/main/ui/components/editable_select.scss index 4d6a17e001..490e549c0a 100644 --- a/frontend/src/app/main/ui/components/editable_select.scss +++ b/frontend/src/app/main/ui/components/editable_select.scss @@ -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;