aaverbitskiy/mapdash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Дропдауны фильтров: убрана горизонтальная прокрутка в раскрывающейся панели

Browse Source 
Панель подстраивает ширину под контент (width: max-content, min 220, max 96vw),
overflow-x: hidden убирает фантомную горизонтальную полосу от вертикального
скролла (метки-флексы тянулись на полную ширину под скроллбар), scrollbar-gutter:
stable резервирует место под вертикальный скролл. Задеплоено на прод без тега.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
aaverbitskiy 2026-08-17 08:29:20 +00:00
parent 77a36a22d9
commit 691ec36b9e
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/styles.css
View File

@ -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 {