droideparanoico/dostalgia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use scrollbar-gutter to prevent layout shift without always showing scrollbar
Build & Deploy / build-and-deploy (push) Successful in 45s
Details

Browse Source 
Replaces overflow-y: scroll with scrollbar-gutter: stable on html.
This reserves the scrollbar gutter space in the layout at all times,
so the content width never changes when a scrollbar appears/disappears.
The scrollbar itself only shows when content overflows (as desired).
Works on all modern browsers (Chrome 94+, Firefox 97+, Safari 15.4+).
This commit is contained in:
Hermes Agent
2026-05-29 23:27:59 +02:00
parent e2dca1db39
commit 9bb341eab9
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app.css
+4 -1
View File
@@ -61,10 +61,13 @@ body {
color: var(--text); color: var(--text);
min-height: 100vh; min-height: 100vh;
line-height: 1.6; line-height: 1.6;
overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
html {
scrollbar-gutter: stable;
}
a { a {
color: var(--phosphor); color: var(--phosphor);
text-decoration: none; text-decoration: none;