Panzoom: Pinch Zoom Not Working

Created on 18 Aug 2017 · 16Comments · Source: timmywil/panzoom

First Let Me Thanks Timmy Willison

Hi Timmy, First of all on behalf of all the users of your plugin let me please thank you for putting all your efforts into making (And Continue Updating) this productive plugin.

Subject of the issue

Issues About Pinch Zoom On Touch Enabled Devices (Android, Win10, iOS). Please Try To Give Some Time And Give Us v3.2.3

Your environment

jquery.panzoom v3.2.2
jquery v3.2.1
Chrome v59

Source

PrinceDhankhar

👍6

Most helpful comment

see: https://github.com/Woela/jquery.panzoom

I reverted the commit that breaks zooming, and added a fix for double events (touch/pointer) on chrome.

I also requested pull requests for the issues (including this one), but that may take some time.

maartendemandt on 20 Sep 2017

👍7 ❤4 🎉1

All 16 comments

The same for me :(

agordiichuk on 18 Aug 2017

same here

jacquescrocker on 18 Aug 2017

@agordiichuk @jacquescrocker Hopefully Timmy Will Understand Our Problem & Give Us Update...

PrinceDhankhar on 18 Aug 2017

Hi @timmywil
Shall We Expect A Update Which Resolve This Problem Many of Us Experiencing?

PrinceDhankhar on 20 Aug 2017

I found the pinch-to-zoom was not working in Chrome running on Android devices. (Though I did not test Chrome on other devices). This pull request seems to fix it.

chris-huffman on 23 Aug 2017

@chris-huffman
tested it and unfortunately is not working, android Chrome 55

odai-alali on 24 Aug 2017

👍1

@timmywil We know you are busy but please resolve this issue with pinch & zoom on touch enabled devices.

PrinceDhankhar on 30 Aug 2017

The issue lies in the zoom function (lines 692 - 769). The scaling matrix (m) is initialized always with the default matrix [1 0 0 , 1 0 0] so it always zooms to 1.

For a quick fix I replaced the whole function with the previous version and got zooming and panning working in mobiles once again.

DKastani on 16 Sep 2017

Can you provide that working code.

PrinceDhankhar on 16 Sep 2017

Having a similar issue but when pinching to Zoom Out after zooming in with a separated CTA. It pans instead on zoom out.

@DKastani can you share the working code you fixed ? Thanks

oliversierrab on 19 Sep 2017

see: https://github.com/Woela/jquery.panzoom

I reverted the commit that breaks zooming, and added a fix for double events (touch/pointer) on chrome.

I also requested pull requests for the issues (including this one), but that may take some time.

maartendemandt on 20 Sep 2017

👍7 ❤4 🎉1

@maartendemandt THANK YOU
This fixed multiple issues for me, including pinch on iOS

tanthammar on 28 Sep 2017

@maartendemandt THANK YOU!!

lorkel on 15 Jan 2018

@maartendemandt THANK YOU!! TOO, that fixed everything even my Lenovo windows 10 touch screen now works and that never did before. So thank you thank you thank you.

Is there an npm install for this?

daverodal on 11 Feb 2018

@maartendemandt thanks! works again

vbunjes on 1 Mar 2018

Pinching is not working in iPad and mobile devices

Version:
Panzoom js - jquery.panzoom.js v3.2.2
jQuery - 3.3.1

Check the link:
https://prem-thinkdesign.github.io/medical-mdm/medical_codes_er.html

In iPad (ios devices) Dragging and pinch to zoom in and zoom out is not working.
In mobile devices (android devices) dragging is working but pinch to zoom in and zoom out is not working.
Even I tried what you have updated also, still not working...