From 0e25c7485d9c9923ce5495cc476d77f721462e83 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Fri, 25 Oct 2024 14:49:07 -0500
Subject: [PATCH] fix: Drag Delay Only Apply On Touch (#4453)

---
 frontend/components/Domain/QueryFilterBuilder.vue               | 2 +-
 .../RecipePage/RecipePageParts/RecipePageIngredientEditor.vue   | 2 +-
 .../RecipePage/RecipePageParts/RecipePageInstructions.vue       | 2 +-
 frontend/pages/g/_groupSlug/cookbooks/index.vue                 | 2 +-
 frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue       | 2 +-
 frontend/pages/household/mealplan/planner/edit.vue              | 2 +-
 frontend/pages/shopping-lists/_id.vue                           | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/components/Domain/QueryFilterBuilder.vue b/frontend/components/Domain/QueryFilterBuilder.vue
index 9f4e3198e..a0edf50fa 100644
--- a/frontend/components/Domain/QueryFilterBuilder.vue
+++ b/frontend/components/Domain/QueryFilterBuilder.vue
@@ -6,7 +6,7 @@
           :value="fields"
           handle=".handle"
           delay="250"
-          delay-on-touch-only
+          :delay-on-touch-only="true"
           v-bind="{
             animation: 200,
             group: 'recipe-instructions',
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
index e9f43af7d..7ff8845dc 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
@@ -6,7 +6,7 @@
       v-model="recipe.recipeIngredient"
       handle=".handle"
       delay="250"
-      delay-on-touch-only
+      :delay-on-touch-only="true"
       v-bind="{
         animation: 200,
         group: 'recipe-ingredients',
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
index 11d579e9d..6f7386030 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
@@ -78,7 +78,7 @@
       :value="value"
       handle=".handle"
       delay="250"
-      delay-on-touch-only
+      :delay-on-touch-only="true"
       v-bind="{
         animation: 200,
         group: 'recipe-instructions',
diff --git a/frontend/pages/g/_groupSlug/cookbooks/index.vue b/frontend/pages/g/_groupSlug/cookbooks/index.vue
index 2f8df2e64..4246471a7 100644
--- a/frontend/pages/g/_groupSlug/cookbooks/index.vue
+++ b/frontend/pages/g/_groupSlug/cookbooks/index.vue
@@ -57,7 +57,7 @@
           v-model="cookbooks"
           handle=".handle"
           delay="250"
-          delay-on-touch-only
+          :delay-on-touch-only="true"
           style="width: 100%"
           @change="actions.updateOrder()"
         >
diff --git a/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue b/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
index f188b72d7..0c978d9f0 100644
--- a/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
+++ b/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
@@ -47,7 +47,7 @@
             v-model="parsedIng"
             handle=".handle"
             delay="250"
-            delay-on-touch-only
+            :delay-on-touch-only="true"
             :style="{ width: '100%' }"
             ghost-class="ghost"
           >
diff --git a/frontend/pages/household/mealplan/planner/edit.vue b/frontend/pages/household/mealplan/planner/edit.vue
index 2a5912baf..a03f8c595 100644
--- a/frontend/pages/household/mealplan/planner/edit.vue
+++ b/frontend/pages/household/mealplan/planner/edit.vue
@@ -101,7 +101,7 @@
           tag="div"
           handle=".handle"
           delay="250"
-          delay-on-touch-only
+          :delay-on-touch-only="true"
           :value="plan.meals"
           group="meals"
           :data-index="index"
diff --git a/frontend/pages/shopping-lists/_id.vue b/frontend/pages/shopping-lists/_id.vue
index f7ef70b9e..e5de50bbe 100644
--- a/frontend/pages/shopping-lists/_id.vue
+++ b/frontend/pages/shopping-lists/_id.vue
@@ -108,7 +108,7 @@
             :value="localLabels"
             handle=".handle"
             delay="250"
-            delay-on-touch-only
+            :delay-on-touch-only="true"
             class="my-2"
             @input="updateLabelOrder"
           >