DEV Community

poshiya parth s
poshiya parth s

Posted on

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

Image description

<meta
      name="viewport"
      content="width=device-width,initial-scale=1.0, maximum-scale=1, user-scalable=no"
    />
Enter fullscreen mode Exit fullscreen mode
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",
};
Enter fullscreen mode Exit fullscreen mode

2.
also iphone safari bottom scroll is default behaviour

Image description

Top comments (0)