Merge pull request #19 from retejs/fix/translation-in-macos

Fix/translation in macos

src/zoom.ts

@@ -28,6 +28,7 @@ export class Zoom {
 
     window.addEventListener('pointermove', this.move)
     window.addEventListener('pointerup', this.up)
+    window.addEventListener('contextmenu', this.contextmenu)
     window.addEventListener('pointercancel', this.up)
   }
 
@@ -68,7 +69,7 @@ export class Zoom {
     const { left, top } = this.element.getBoundingClientRect()
     const { cx, cy, distance } = this.getTouches()
 
-    if (this.previous !== null) {
+    if (this.previous !== null && this.previous.distance > 0) {
       const delta = distance / this.previous.distance - 1
 
       const ox = (left - cx) * delta
@@ -79,6 +80,10 @@ export class Zoom {
     this.previous = { cx, cy, distance }
   }
 
+  protected contextmenu = () => {
+    this.pointers = []
+  }
+
   protected up = (e: PointerEvent) => {
     this.previous = null
     this.pointers = this.pointers.filter(p => p.pointerId !== e.pointerId)