blsmedia/bot
2
0
Fork 0
Code Issues Activity

🐛 Auto scroll X behavior outside of editor

Browse Source 
Closes #440
This commit is contained in:
Baptiste Arnaud
2023-04-17 15:41:48 +02:00
parent f8a76f98b9
commit 928afd5a6c
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/builder/src/assets/styles/custom.css
View File

@@ -1,5 +1,4 @@
html,
body {
.disable-scroll-x-behavior {
overscroll-behavior-x: none;
}

10
apps/builder/src/pages/_app.tsx
View File

@@ -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(() => {