I want to disable pinch-zoom in my next js project. So I did this in my _app.tsx file
<Fragment>
<Head>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
</Head>
<Component {...pageProps} />
</Fragment>
And I think this isn't enough for the IOS. I tried to find a solution from google and tried this too.
body {
touch-action: pan-x pan-y;
}
This also seems not working. Then I found this Stackoverflow answer This added a global even listener. Where can I add such a global event listener in a nextjs project?