🐛 Auto scroll X behavior outside of editor

Closes #440
baptisteArno · Apr 17, 2023 · 928afd5 · 928afd5
1 parent f8a76f9
commit 928afd5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/apps/builder/src/assets/styles/custom.css b/apps/builder/src/assets/styles/custom.css
@@ -1,5 +1,4 @@
-html,
-body {
+.disable-scroll-x-behavior {
   overscroll-behavior-x: none;
 }
 

diff --git a/apps/builder/src/pages/_app.tsx b/apps/builder/src/pages/_app.tsx
@@ -26,9 +26,13 @@ const App = ({ Component, pageProps }: AppProps) => {
   const { query, pathname } = useRouter()
 
   useEffect(() => {
-    pathname.endsWith('/edit')
-      ? (document.body.style.overflow = 'hidden')
-      : (document.body.style.overflow = 'auto')
+    if (pathname.endsWith('/edit')) {
+      document.body.style.overflow = 'hidden'
+      document.body.classList.add('disable-scroll-x-behavior')
+    } else {
+      document.body.style.overflow = 'auto'
+      document.body.classList.remove('disable-scroll-x-behavior')
+    }
   }, [pathname])
 
   useEffect(() => {