From b82bf8eee326035834538847e32cb1e2cba7ed09 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Mon, 2 May 2022 21:10:18 -0500
Subject: [PATCH] Made most touch events passive

---
 src/features/boards/Board.vue         | 2 +-
 src/features/boards/BoardNode.vue     | 4 ++--
 src/features/clickables/Clickable.vue | 6 +++---
 src/features/grids/GridCell.vue       | 6 +++---
 src/features/trees/TreeNode.vue       | 6 +++---
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/features/boards/Board.vue b/src/features/boards/Board.vue
index 532a721..51d7f8b 100644
--- a/src/features/boards/Board.vue
+++ b/src/features/boards/Board.vue
@@ -19,7 +19,7 @@
         @mousedown="(e: MouseEvent) => mouseDown(e)"
         @touchstart="(e: TouchEvent) => mouseDown(e)"
         @mouseup="() => endDragging(dragging)"
-        @touchend="() => endDragging(dragging)"
+        @touchend.passive="() => endDragging(dragging)"
         @mouseleave="() => endDragging(dragging)"
     >
         <svg class="stage" width="100%" height="100%">
diff --git a/src/features/boards/BoardNode.vue b/src/features/boards/BoardNode.vue
index c2f61b8..f571ded 100644
--- a/src/features/boards/BoardNode.vue
+++ b/src/features/boards/BoardNode.vue
@@ -46,9 +46,9 @@
             @mouseenter="isHovering = true"
             @mouseleave="isHovering = false"
             @mousedown="mouseDown"
-            @touchstart="mouseDown"
+            @touchstart.passive="mouseDown"
             @mouseup="mouseUp"
-            @touchend="mouseUp"
+            @touchend.passive="mouseUp"
         >
             <g v-if="shape === Shape.Circle">
                 <circle
diff --git a/src/features/clickables/Clickable.vue b/src/features/clickables/Clickable.vue
index eba1f76..02e4e57 100644
--- a/src/features/clickables/Clickable.vue
+++ b/src/features/clickables/Clickable.vue
@@ -9,9 +9,9 @@
         @mousedown="start"
         @mouseleave="stop"
         @mouseup="stop"
-        @touchstart="start"
-        @touchend="stop"
-        @touchcancel="stop"
+        @touchstart.passive="start"
+        @touchend.passive="stop"
+        @touchcancel.passive="stop"
         :class="{
             feature: true,
             clickable: true,
diff --git a/src/features/grids/GridCell.vue b/src/features/grids/GridCell.vue
index 0648017..b1a780c 100644
--- a/src/features/grids/GridCell.vue
+++ b/src/features/grids/GridCell.vue
@@ -12,9 +12,9 @@
         @mousedown="start"
         @mouseleave="stop"
         @mouseup="stop"
-        @touchstart="start"
-        @touchend="stop"
-        @touchcancel="stop"
+        @touchstart.passive="start"
+        @touchend.passive="stop"
+        @touchcancel.passive="stop"
     >
         <div v-if="title"><component :is="titleComponent" /></div>
         <component :is="component" style="white-space: pre-line" />
diff --git a/src/features/trees/TreeNode.vue b/src/features/trees/TreeNode.vue
index a26f5a4..68200d8 100644
--- a/src/features/trees/TreeNode.vue
+++ b/src/features/trees/TreeNode.vue
@@ -11,9 +11,9 @@
         @mousedown="start"
         @mouseleave="stop"
         @mouseup="stop"
-        @touchstart="start"
-        @touchend="stop"
-        @touchcancel="stop"
+        @touchstart.passive="start"
+        @touchend.passive="stop"
+        @touchcancel.passive="stop"
     >
         <div
             :style="[