fix(editor): 🐛 Overflow issue on Safari
This commit is contained in:
@ -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 (
|
||||||
|
Reference in New Issue
Block a user