From 681ce357d6e8921db5627f8dd746ab57b3304c50 Mon Sep 17 00:00:00 2001
From: Sasha Milenkovic <sasha@formkit.com>
Date: Wed, 15 Jan 2025 08:26:17 -0500
Subject: [PATCH] fix: addresses issue #110 where input selection on a
 draggable item did not work when using drag handles

---
 src/index.ts                          | 10 ++++-----
 tests/pages/input-selection/index.vue | 30 +++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 5 deletions(-)
 create mode 100644 tests/pages/input-selection/index.vue

diff --git a/src/index.ts b/src/index.ts
index ee63366..4daa179 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1505,6 +1505,11 @@ export function handleNodePointerdown<T>(
 ) {
   sp(data.e);
 
+  state.pointerDown = {
+    parent: data.targetData.parent,
+    node: data.targetData.node,
+  };
+
   if (
     !validateDragHandle({
       x: data.e.clientX,
@@ -1515,11 +1520,6 @@ export function handleNodePointerdown<T>(
   )
     return;
 
-  state.pointerDown = {
-    parent: data.targetData.parent,
-    node: data.targetData.node,
-  };
-
   handleLongPress(data, state, data.targetData.node);
 
   const parentData = data.targetData.parent.data;
diff --git a/tests/pages/input-selection/index.vue b/tests/pages/input-selection/index.vue
new file mode 100644
index 0000000..549e5ac
--- /dev/null
+++ b/tests/pages/input-selection/index.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { useDragAndDrop } from "../../../src/vue/index";
+
+const mockFileNames = [
+  "dungeon_master.exe",
+  "map_1.dat",
+  "map_2.dat",
+  "character1.txt",
+  "character2.txt",
+  "shell32.dll",
+  "README.txt",
+];
+
+const [parent1, files1] = useDragAndDrop(mockFileNames, {
+  dragHandle: ".drag",
+});
+</script>
+
+<template>
+  <div class="file-manager">
+    <ul ref="parent1" class="file-list">
+      <li v-for="file in files1" :key="file" class="file">
+        <p class="drag">{{ file }}</p>
+        <input type="text" value="hello world" />
+      </li>
+    </ul>
+  </div>
+</template>
+
+<style scoped></style>