Page zoom via viewport meta tag

I have updated my site’s index.html page to support pinch and zoom by editing the meta tag as follows

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

However any content inside my ion-content wapper will not zoom, if I remove it and add any other content directly under the app-root i am able to zoom

This only happens in Chrome on Android

Link to my demo site is here

would appreciate any help. Am I doing something wrong? Is there a bug with ion-content on Android?


I have exactly the same issue with zoom support with pinch gesture for ion-content element. It happens for me both in iOS and Android browsers. The problem disappears after adding scrollX property to ion-content.

Ionic Team could you explain why zoom is disabled for ion-content element by default and why adding scrollX attribute helps?

Using Ionic for Angular version 5.5.2, Angular 11.0.5