ngx-panzoom icon indicating copy to clipboard operation
ngx-panzoom copied to clipboard

Zooming with a touchpad zooms in on the entire page

Open DiarmuidByrne opened this issue 3 years ago • 3 comments

When I zoom using the pinch to zoom on a laptop touchpad, it zooms both at the pan-zoom element level and the page level. Is it possible to prevent zooming at the full page level while the mouse is over a pan-zoom element?

DiarmuidByrne avatar Sep 22 '21 16:09 DiarmuidByrne

@DiarmuidByrne Check out the index.html file in ngx-panzoom-demo at this link. IIRC, I think it solves it with this line: <meta name="viewport" content="width=device-width, initial-scale=1">. If not, https://stackoverflow.com/questions/4389932/how-do-you-disable-viewport-zooming-on-mobile-safari should hopefully solve it for you.

TimUnderhay avatar Oct 07 '21 00:10 TimUnderhay

I have the same problem and unfortunately none of the suggestions is working

cool-itkfm avatar Oct 12 '21 12:10 cool-itkfm

Having same problem. When i use two finger pinch zoo in laptop then my entire page including header and menu bar also gets zoomed in along with pan-zoom panel in browser. Even demo page also shows same issue which is available for ngx-panzoom.

Rajesh-Kiranum avatar Dec 30 '21 16:12 Rajesh-Kiranum