reset panning on mouse exit

richard-webb-dev · Jan 12, 2020 · 72a9abb · 72a9abb
1 parent 4bf82b7
commit 72a9abb
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/nav-wheel.vue b/src/components/nav-wheel.vue
@@ -6,6 +6,7 @@
       :width="size"
       :height="size"
       @mousemove="panSvg"
+      @mouseleave="resetPan"
       @mousewheel.prevent="scaleSvg"
     >
       <g
@@ -105,6 +106,12 @@ export default {
     },
     scaleSvg($event) {
       this.scale -= $event.deltaY / 1000;
+    },
+    resetPan() {
+      this.mouse = [
+        this.size / this.config.constants.scale / 2,
+        this.size / this.config.constants.scale / 2
+      ];
     }
   },
   mounted() {