Fix x-trap.noscroll layout shift conflict with scrollbar-gutter

alpinejs · Jan 27, 2025 · a6b3581 · a6b3581
1 parent 28a2aa8
commit a6b3581
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/focus/src/index.js b/packages/focus/src/index.js
@@ -199,8 +199,16 @@ function disableScrolling() {
     let paddingRight = document.documentElement.style.paddingRight
 
     let scrollbarWidth = window.innerWidth - document.documentElement.clientWidth
+    let scrollbarGutter = window.getComputedStyle(document.documentElement).scrollbarGutter
 
     document.documentElement.style.overflow = 'hidden'
+
+    if (scrollbarGutter && scrollbarGutter !== 'auto') {
+        return () => {
+            document.documentElement.style.overflow = overflow
+        }
+    }
+
     document.documentElement.style.paddingRight = `${scrollbarWidth}px`
 
     return () => {