ios – Display zooms out when tapping on a TextField


I’m engaged on a NextJS undertaking, and after I’m testing on my iOS gadget, I discover that my display all of the sudden zooms out after I faucet on any TextField. At present, I’m utilizing Subsequent v12.2.6.

My _app.tsx file appears like this:

import "../types/globals.css";
import kind { AppProps } from "subsequent/app";
import Head from "subsequent/head";

operate MyApp({ Part, pageProps }: AppProps) {
  return (
        <meta httpEquiv="X-UA-Appropriate" content material="IE=edge" />
        <meta title="viewport" content material="width=device-width" />
      <div suppressHydrationWarning id="root">
        {typeof window !== "undefined" ? <Part {...pageProps} /> : null}

export default MyApp;

I’ve additionally learn on this GitHub thread that you may disable scaling manually, nevertheless, that appears to not be advisable. On the identical thread, they counsel to maneuver the <meta title="viewport" ... /> tag to the _app file, nevertheless, I’ve already accomplished that and the error persists. Is there one other resolution I can attempt?