DEV Community

poshiya parth s
poshiya parth s

Posted on

2

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

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Billboard image

📊 A side-by-side product comparison between Sentry and Crashlytics

A free guide pointing out the differences between Sentry and Crashlytics, that’s it. See which is best for your mobile crash reporting needs.

See Comparison