iphone safari issue

**

Safari iphone input zoom , bottom scroll, scroll to bottom , chatgpt textarea

**

When we click on textbox that moment iPhone Safari that textbox zoom hear is the solution in react we use first and second for the next js

<meta
      name="viewport"
      content="width=device-width,initial-scale=1.0, maximum-scale=1, user-scalable=no"
    />

import { Viewport } from "next/dist/lib/metadata/types/extra-types";

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  maximumScale: 1,
  userScalable: false,
  interactiveWidget: "overlays-content",
};

2.
also iphone safari bottom scroll is default behaviour