0

Angular 9: how to disabled ios mobile browser double tap zooming.

have tried:

<meta name="viewport" content="width=device-width, , initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">

touch-action: none;

-webkit-text-size-adjust: none;
MScott
  • 103
  • 1
  • 4
Kelvin
  • 179
  • 2
  • 12

1 Answers1

0

You can add touch-action: manipulation to the element you want to prevent zoom on double tap.

From documentation;

**manipulation: ** Enable panning and pinch zoom gestures, but disable additional non-standard gestures such as double-tap to zoom. Disabling double-tap to zoom removes the need for browsers to delay the generation of click events when the user taps the screen. This is an alias for "pan-x pan-y pinch-zoom" (which, for compatibility, is itself still valid).

Muhammad Saqlain
  • 2,112
  • 4
  • 33
  • 48