Zoom-in input on mobile

Help
1

Hi,
On my app, it makes users who use input text zoom in.

I saw the need to add something like this, so I did:

export const metadata: Metadata = {
  title: "Blabla my project",

  viewport: {
    width: "device-width",
    height: "device-height",
    initialScale: 1,
    minimumScale: 1,
    maximumScale: 1,
    userScalable: false,
  },
};

It works locally on my mobile, there’s no zoom.
But it doesn’t work when hosted on Vercel, and the zoom happens when people focus on the entry.

Any ideas?

2

Ok I think I just need it to define it in Viewport, and not metadata

export const viewport: Viewport = {
  width: "device-width",
  height: "device-height",
  initialScale: 1,
  minimumScale: 1,
  maximumScale: 1,
  userScalable: false,
};
3

Looks right to me! Did it work, @benoitded? :smile:

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.