2
0

fix(editor): 🐛 Overflow issue on Safari

This commit is contained in:
Baptiste Arnaud
2022-04-04 16:18:30 +02:00
parent 68671433bc
commit 56f1d5fbbf

View File

@ -1,4 +1,4 @@
import React from 'react' import React, { useEffect } from 'react'
import { AppProps } from 'next/app' import { AppProps } from 'next/app'
import { SessionProvider } from 'next-auth/react' import { SessionProvider } from 'next-auth/react'
import { ChakraProvider } from '@chakra-ui/react' import { ChakraProvider } from '@chakra-ui/react'
@ -22,7 +22,13 @@ if (process.env.NEXT_PUBLIC_E2E_TEST === 'enabled') enableMocks()
const App = ({ Component, pageProps: { session, ...pageProps } }: AppProps) => { const App = ({ Component, pageProps: { session, ...pageProps } }: AppProps) => {
useRouterProgressBar() useRouterProgressBar()
const { query } = useRouter() const { query, pathname } = useRouter()
useEffect(() => {
pathname.endsWith('/edit')
? (document.body.style.overflow = 'hidden')
: (document.body.style.overflow = 'auto')
}, [pathname])
const typebotId = query.typebotId?.toString() const typebotId = query.typebotId?.toString()
return ( return (