From 691ec36b9e0c3df2ff4fc5c88656eff7bab0fb0b Mon Sep 17 00:00:00 2001 From: aaverbitskiy Date: Mon, 17 Aug 2026 08:29:20 +0000 Subject: [PATCH] =?UTF-8?q?=D0=94=D1=80=D0=BE=D0=BF=D0=B4=D0=B0=D1=83?= =?UTF-8?q?=D0=BD=D1=8B=20=D1=84=D0=B8=D0=BB=D1=8C=D1=82=D1=80=D0=BE=D0=B2?= =?UTF-8?q?:=20=D1=83=D0=B1=D1=80=D0=B0=D0=BD=D0=B0=20=D0=B3=D0=BE=D1=80?= =?UTF-8?q?=D0=B8=D0=B7=D0=BE=D0=BD=D1=82=D0=B0=D0=BB=D1=8C=D0=BD=D0=B0?= =?UTF-8?q?=D1=8F=20=D0=BF=D1=80=D0=BE=D0=BA=D1=80=D1=83=D1=82=D0=BA=D0=B0?= =?UTF-8?q?=20=D0=B2=20=D1=80=D0=B0=D1=81=D0=BA=D1=80=D1=8B=D0=B2=D0=B0?= =?UTF-8?q?=D1=8E=D1=89=D0=B5=D0=B9=D1=81=D1=8F=20=D0=BF=D0=B0=D0=BD=D0=B5?= =?UTF-8?q?=D0=BB=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Панель подстраивает ширину под контент (width: max-content, min 220, max 96vw), overflow-x: hidden убирает фантомную горизонтальную полосу от вертикального скролла (метки-флексы тянулись на полную ширину под скроллбар), scrollbar-gutter: stable резервирует место под вертикальный скролл. Задеплоено на прод без тега. Co-Authored-By: Claude Opus 4.8 --- frontend/src/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index a687458..8a25f99 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -314,7 +314,11 @@ input::placeholder { color: var(--text-muted); } display: none; position: absolute; top: calc(100% + 4px); left: 0; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-md); padding: 6px 0; - min-width: 220px; max-height: 280px; overflow-y: auto; z-index: 30; + /* Fit the widest option (no horizontal scroll) instead of a fixed width; the + scrollbar gutter is reserved so the vertical scrollbar never squeezes the + nowrap labels into a horizontal scroll. Capped to the viewport as a safety. */ + width: max-content; min-width: 220px; max-width: 96vw; + max-height: 280px; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; z-index: 30; } .dropdown.open .dropdown-panel { display: block; } .dropdown-panel label {