Panzoom: Pinch-Zoom in Chrome v55.02883.91 auf Mobilgeräten defekt

Danke, dieses Problem zu melden. In einem Moment funktioniert meine App nicht mehr mit Zoom und ich weiß nicht warum.

Meine App ist auch kaputt gegangen. Seltsames Verhalten bei neu aktualisiertem Chrome (Drag-Ereignisse scheinen das Fenster zu scrollen und Pinch-Ereignisse sind ... bizarr). Anderes Gerät mit nicht aktualisiertem Chrome funktioniert einwandfrei. Habe das Chrom gestern Abend aktualisiert und es ist auch kaputt gegangen.

Danke, dass Sie dieses Thema geöffnet haben.
Aus diesem Grund funktioniert meine App auch auf dem Chrome-Desktop nicht mehr.

Lösung - hinzufügen
touch-action: none;
in die CSS Ihres Panzoom-Containers und der Browser führt keine eigenen Touch-Ereignisse für diese Komponente aus.

Es ist neu: https://developers.google.com/web/updates/2016/10/pointer-events

Lösung - hinzufügen
Touch-Aktion: keine;
in die CSS Ihres Panzoom-Containers und der Browser führt keine eigenen Touch-Ereignisse für diese Komponente aus.

Es ist neu: https://developers.google.com/web/updates/2016/10/pointer-events

Funktioniert nicht.

Hatte einen schnellen Hack im Code und kommentierte Zeile 1164:

this.panning = true;
erlaubt mir wieder Pinch-Zoom (und hat keinen Einfluss auf das Schwenken). Ich kann nicht sehen, wo this.panning auf false gesetzt wird, außer bei der Initialisierung ... YMMV.

Hatte einen schnellen Hack im Code und kommentierte Zeile 1164:
this.panning = true;
erlaubt mir wieder Pinch-Zoom (und hat keinen Einfluss auf das Schwenken). Ich kann nicht sehen, wo this.panning auf false gesetzt wird, außer bei der Initialisierung ... YMMV.

Danke, funktioniert bei mir!

Hatte einen schnellen Hack im Code und kommentierte Zeile 1164:
this.panning = true;

Wamp, da ist es.....

Dieser "Hack" macht den Trick! Funktioniert jetzt auf Android 55

Erneut getestet auf iOS 10.2, Android 53 - funktioniert immer noch wie zuvor!

Danke virtueller!

Hatte einen schnellen Hack im Code und kommentierte Zeile 1164:
this.panning = true;
erlaubt mir wieder Pinch-Zoom (und hat keinen Einfluss auf das Schwenken). Ich kann nicht sehen, wo this.panning auf >false gesetzt wird, außer bei der Initialisierung ... YMMV.

Funktioniert bei mir gut... danke Mann
Ich mache meine eigene Zoomfunktion, aber das spart mir vorerst... danke

Getestet auf Android Google Webview 2016 Dez 14 Update...

Hatte einen schnellen Hack im Code und kommentierte Zeile 1164:
this.panning = true;

Das funktioniert teilweise. Danke!

Ich habe teilweise Erfolg beim Auskommentieren dieser Zeile, sie zoomt jetzt von oben links anstelle des Interaktionsorts, aber das ist eine enorme Verbesserung.

Anscheinend hat sich das neueste Chrome geändert, wo sich die Referenzen pageX und pageY im Event befinden.
Bis zu dieser Chrome-Änderung hatten alle Browser es in event.pageX....
Jetzt sitzt es in event.originalEvent.pageX...

Ich bin gerade dabei, den Panzoom-Code durchzugehen. Damit es in Chrome mithilfe von Mausereignissen funktioniert, ändern Sie diese Zeilen:
Zeile 1191:1192
Wechsel von:
startPageX = event.pageX; startPageY = event.pageY;
zu:
if (typeof event.pageX === 'undefined'){ startPageX = event.originalEvent.pageX; startPageY = event.originalEvent.pageY; }else{ startPageX = event.pageX; startPageY = event.pageY; }
in Zeile 1232 hinzufügen:
if (typeof coords.pageX === 'undefined'){ coords['pageX'] = coords.originalEvent.pageX; coords['pageY'] = coords.originalEvent.pageY; }

Mehr zu den Berührungsereignissen kommen, während ich sie durchlaufe.

Auskommentieren "this.panning = true;" behebt es, aber es ist nicht mehr so ​​​​flüssig und auf älteren Geräten wird das Zoomen ziemlich verzögert. Ich gehe davon aus, dass das Auskommentieren viel mehr CPU-Leistung verbraucht und ältere Geräte daher nicht mithalten können.

Haben Sie versucht, auf die neue Version (3.2.2) zu aktualisieren und die angegebene Zeile auskommentiert?

Ich kann bestätigen, dass dieser Fehler in v3.2.2 und Chrome 56 noch vorhanden ist (und die Fehlerbehebung funktioniert).

Ich bin mir nicht 100% sicher, aber ich denke, das Problem ist:
Diese Variable ( this.panning ) scheint dem Zweck zu dienen, zu verhindern, dass mehr als eine Instanz der Funktion _startMove gleichzeitig ausgelöst wird. Es soll beim endEvent Ereignis (Zeile 1249) auf false , aber ich denke, das funktioniert nicht richtig (ich habe mich nicht tief genug vertieft, um herauszufinden, warum). Dies kann der Grund sein, warum ThorConzales festgestellt hat, dass die Fehlerbehebung zu einer verringerten Leistung führt.

Alternative Lösung: Ich habe festgestellt, dass das Hinzufügen von this.panning = false; am Ende der Funktion _startMove (nach Zeile 1255) dieses Problem ebenfalls behebt. Ich habe nicht auf älteren Geräten getestet, daher kann ich nicht bestätigen, ob dies beim Leistungsverlust hilft, aber wenn jemand anderes es könnte, wäre ich dankbar.

danke @JamesCatt wird deine Alternative ausprobieren.

@timmywil !?

@JamesCatt der alternative Fix hat bei mir nicht funktioniert und der Zoom war wieder kaputt (von einem Benutzer gemeldet, da ich kein Gerät habe, um mich selbst zu testen).

Das Kommentieren von Zeile 1164 (this.panning = true) funktioniert bei mir nicht. Ich habe in Zeile 1143 betrogen, dass change moveEvent = 'pointermove' tomoveEvent = 'touchmove' ist, dann funktioniert es, ich bin mir nicht sicher, ob es weitere Probleme verursachen wird.

Ich habe einen Hack gefunden, der dieses Problem löst.

Wir sollten options.which -1 Initialisierung auf

$("a.panzoom-elements").panzoom({
  which: -1,
});

__WARNUNG__
Dieser Hack funktioniert nur für ein Touch-Gerät. Vielleicht funktioniert das bei einer Maus nicht.

Die Alternative von @ JamesCatt hat bei mir nicht funktioniert. Der Hack von