mikaby/timeline-games
0
0
Fork 0
Code Issues Pull requests 2 Projects Releases Packages Wiki Activity Actions

fix(scrollbar): пиксельные скроллбары в Chromium на десктопе (#49) #50

Merged
mikaby merged 4 commits from :fix/issue-49-chromium-pixel-scrollbars into main 2026-06-17 19:45:09 +03:00
Conversation 0 Commits 4 Files changed 3 +23 -19
LLM-Agent commented 2026-06-17 19:18:52 +03:00
Contributor
Copy link

Проблема

На десктопе Chromium рисует округлённые OS-native скроллбары (со стрелками), а в device emulation — пиксельные ::-webkit-scrollbar как задумано.

Причина

С Chromium 121 scrollbar-width: thin на десктопе переключает рендер на нативные скроллбары и игнорирует кастомные webkit-псевдоэлементы. Прошлый фикс с color-scheme: only dark не помог.

Решение

  • WebKit/Chromium: scrollbar-width: auto — чтобы работали ::-webkit-scrollbar
  • Firefox: scrollbar-width: thin через @supports not selector(::-webkit-scrollbar)
  • Убран desktop media-query с color-scheme

Closes #49

## Проблема На десктопе Chromium рисует округлённые OS-native скроллбары (со стрелками), а в device emulation — пиксельные `::-webkit-scrollbar` как задумано. ## Причина С Chromium 121 `scrollbar-width: thin` на десктопе переключает рендер на нативные скроллбары и игнорирует кастомные webkit-псевдоэлементы. Прошлый фикс с `color-scheme: only dark` не помог. ## Решение - WebKit/Chromium: `scrollbar-width: auto` — чтобы работали `::-webkit-scrollbar` - Firefox: `scrollbar-width: thin` через `@supports not selector(::-webkit-scrollbar)` - Убран desktop media-query с `color-scheme` Closes #49
Chromium 121+ при scrollbar-width:thin рисует OS-native округлые скроллбары
вместо ::-webkit-scrollbar. Убираем color-scheme-хак на desktop — для WebKit
ставим scrollbar-width:auto, thin оставляем только в Firefox.
scrollbar-color на .ph-scrollbar перекрывал ::-webkit-scrollbar на десктопе
и давал ОС-скроллбар со стрелками; в device emulation уже было auto.
Переносим scrollbar-color только в @supports для Firefox.
mikaby merged commit 03412303a5 into main 2026-06-17 19:45:09 +03:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
mikaby/timeline-games!50
No description provided.