From a7749ebd649a17b102ff743233daf924a6fd3265 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fernando=20Fern=C3=A1ndez?= Date: Fri, 24 Jul 2026 03:00:30 +0200 Subject: [PATCH] refactor: replace overflow-y with scrollbar-gutter (#2849) The new scrollbar-gutter CSS property fixes the jump that appeared when the scrollbar was created/disposed See https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scrollbar-gutter Signed-off-by: GitHub --- packages/frontend/index.html | 2 +- packages/frontend/src/assets/styles/global.css | 8 +------- packages/frontend/src/layouts/default.vue | 8 +------- 3 files changed, 3 insertions(+), 15 deletions(-) diff --git a/packages/frontend/index.html b/packages/frontend/index.html index fb8696a1..cf699a6b 100644 --- a/packages/frontend/index.html +++ b/packages/frontend/index.html @@ -1,5 +1,5 @@ - + diff --git a/packages/frontend/src/assets/styles/global.css b/packages/frontend/src/assets/styles/global.css index abf4e25f..e3403a71 100644 --- a/packages/frontend/src/assets/styles/global.css +++ b/packages/frontend/src/assets/styles/global.css @@ -1,16 +1,10 @@ * { font-family: var(--j-font-family), sans-serif, system-ui !important; backface-visibility: hidden; -} - -html { + scrollbar-gutter: stable both-edges; overscroll-behavior: none; } -html.no-forced-scrollbar { - overflow-y: unset !important; -} - /* Custom utility classes */ .link { diff --git a/packages/frontend/src/layouts/default.vue b/packages/frontend/src/layouts/default.vue index f448ad6b..80f5fd95 100644 --- a/packages/frontend/src/layouts/default.vue +++ b/packages/frontend/src/layouts/default.vue @@ -17,7 +17,7 @@