Ionic 4/5 - Prevent double tap zoom in IOS

Ionic Framework
1

I have a PWA app in Ionic 5 (but I assume the same issue will apply to 4 as well). In short I have a couple of ion fab buttons. In ios if these buttons are double tap, the web browser annoyingly zooms in. Is there a way to prevent this behaviour?
I don’t need double tap so even if this prevent it would suffice for my application.

Thanks in advance.

2

Check the meta viewport tag in your index.html. It should be set to

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

Thanks that’s what I have in my index but ios seems to ignore it.

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

4

Can you make a sample app and push it to github?

5

Same issue here with the suggested meta viewport tags set as mentioned.

Web browser annoyingly zooms in as mentioned by @karvanj but if the app is installed as a PWA the zoom in is surpressed.

"@ionic/react": "^5.1.1"
6

I’ve the same issue. Any Solution?

Thank’s

Regarts

7

Same issue. Any solutions?

8

Same Issue, any solution?