From fda6382ab4e6d92d1993063458fdae9c90b696b2 Mon Sep 17 00:00:00 2001
From: latin-panda <66472237+latin-panda@users.noreply.github.com>
Date: Mon, 27 Jan 2025 16:14:38 -0600
Subject: [PATCH] Adds hold and drag just for touch events

---
 packages/web-forms/src/components/controls/RankControl.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/web-forms/src/components/controls/RankControl.vue b/packages/web-forms/src/components/controls/RankControl.vue
index 9c24d43c..77ae5b4a 100644
--- a/packages/web-forms/src/components/controls/RankControl.vue
+++ b/packages/web-forms/src/components/controls/RankControl.vue
@@ -15,7 +15,7 @@ interface RankDraggableOption {
 }
 
 const props = defineProps<RankControlProps>();
-const HOLD_DELAY = 60; // Delay in ms to hold an item before dragging, avoids accidental reordering on swipe.
+const HOLD_DELAY = 200; // Delay in ms to hold an item before dragging, avoids accidental reordering on swipe.
 const options = ref<RankDraggableOption[]>([]);
 const touched = ref(false);
 const submitPressed = inject<boolean>('submitPressed');
@@ -102,6 +102,7 @@ const swapItems = (index: number, newPosition: number) => {
 		:id="question.nodeId"
 		v-model="options"
 		:delay="HOLD_DELAY"
+		:delay-on-touch-only="true"
 		:disabled="question.currentState.readonly"
 		ghost-class="fade-moving"
 		class="rank-control"