Panzoom: Panning don't work on Chrome

Created on 16 Feb 2017 · 3Comments · Source: timmywil/panzoom

Subject of the issue

Panning don't work on latest chrome version. On click zoom is set to minimum and panning is set to 0,0.
Into HTML the "transform: matrix" hint disappear.

Your environment

version of jquery.panzoom: 3.2.2
version of jquery: 1.11.0 (sorry for that)
which browser and its version: Chrome 56

Expected behaviour

Panning should working well (perfect into Firefox)

Actual behaviour

Transformation matrix disappear from HTML, zoom is set to minimum and panning go to top left corner

Source

rpallares

Most helpful comment

Hi,

I don't know if the issue really should be fixed, I know my JQuery version may be responsible.
But the fix is very easy, it just require to use the originalEvent object:

Lines 1204 and 1205:

startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;

Lines 1246 to 1250:

self.pan(
    origPageX + coords.originalEvent.pageX - startPageX,
    origPageY + coords.originalEvent.pageY - startPageY,
    panOptions
);

rpallares on 16 Feb 2017

👍3

All 3 comments

Hi,

I don't know if the issue really should be fixed, I know my JQuery version may be responsible.
But the fix is very easy, it just require to use the originalEvent object:

Lines 1204 and 1205:

startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;

Lines 1246 to 1250:

self.pan(
    origPageX + coords.originalEvent.pageX - startPageX,
    origPageY + coords.originalEvent.pageY - startPageY,
    panOptions
);

rpallares on 16 Feb 2017

👍3

I was experiencing the same issue, same jQuery version. changing to a newer version of jQuery does seems to solve the issue. your fix does solve the issue if you need to stay on 1.11.