fix: fixes issue where prevent default was invoked in handleRootPoint…

…ermove when in synthetic drag mode
formkit · Jan 9, 2025 · b139db6 · b139db6
1 parent ccd0911
commit b139db6
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 11 deletions.
diff --git a/dist/index.cjs b/dist/index.cjs
@@ -1235,9 +1235,9 @@ function handleRootDragover(e) {
 }
 function handleRootPointermove(e) {
   if (!state.pointerDown) return;
-  pd(e);
   const config = state.pointerDown.parent.data.config;
   if (!isSynthDragState(state) && (touchDevice || !touchDevice && !config.nativeDrag)) {
+    pd(e);
     if (config.longPress && !state.longPress) {
       clearTimeout(state.longPressTimeout);
       state.longPress = false;

diff --git a/dist/index.cjs.map b/dist/index.cjs.map
diff --git a/dist/index.mjs b/dist/index.mjs
@@ -1144,9 +1144,9 @@ function handleRootDragover(e) {
 }
 function handleRootPointermove(e) {
   if (!state.pointerDown) return;
-  pd(e);
   const config = state.pointerDown.parent.data.config;
   if (!isSynthDragState(state) && (touchDevice || !touchDevice && !config.nativeDrag)) {
+    pd(e);
     if (config.longPress && !state.longPress) {
       clearTimeout(state.longPressTimeout);
       state.longPress = false;

diff --git a/dist/index.mjs.map b/dist/index.mjs.map
diff --git a/src/index.ts b/src/index.ts
@@ -256,14 +256,14 @@ function handleRootDragover(e: DragEvent) {
 function handleRootPointermove(e: PointerEvent) {
   if (!state.pointerDown) return;
 
-  pd(e);
-
   const config = state.pointerDown.parent.data.config;
 
   if (
     !isSynthDragState(state) &&
     (touchDevice || (!touchDevice && !config.nativeDrag))
   ) {
+    pd(e);
+
     if (config.longPress && !state.longPress) {
       clearTimeout(state.longPressTimeout);
 

diff --git a/tests/.nuxt/nuxt.d.ts b/tests/.nuxt/nuxt.d.ts
@@ -1,7 +1,7 @@
 // Generated by nuxi
-/// <reference types="@nuxt/devtools" />
-/// <reference types="@nuxt/telemetry" />
 /// <reference types="@nuxtjs/tailwindcss" />
+/// <reference types="@nuxt/telemetry" />
+/// <reference types="@nuxt/devtools" />
 /// <reference types="nuxt" />
 /// <reference path="types/app-defaults.d.ts" />
 /// <reference path="types/plugins.d.ts" />

diff --git a/tests/pages/sort/index.vue b/tests/pages/sort/index.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import { useDragAndDrop } from "../../../src/vue/index";
 
-const [parent, values] = useDragAndDrop(["Apple", "Banana", "Orange"], {
-  draggingClass: "blue",
-});
+const [parent, values] = useDragAndDrop(["Apple", "Banana", "Orange"], {});
 
 onMounted(() => {
   // Set initial scroll positions for testing