svelte-dnd-action 0.9.59 → 0.9.61

package/dist/index.js

@@ -1752,7 +1752,12 @@
 
       // dragging initiated by touch events prevents onclick from initially firing
       if (e.type === "touchend") {
-        e.target.click();
+        var clickEvent = new Event("click", {
+          bubbles: true,
+          cancelable: true
+        });
+        // doing it this way instead of calling .click() because that doesn't work for SVG elements
+        e.target.dispatchEvent(clickEvent);
       }
     }
     function handleMouseMoveMaybeDragStart(e) {
@@ -2690,10 +2695,19 @@
       // preventing default to prevent lag on touch devices (because of the browser checking for screen scrolling)
       e.preventDefault();
       isItemsDragDisabled.set(false);
+
+      // Reset the startDrag/isItemsDragDisabled if the user releases the mouse/touch without initiating a drag
+      window.addEventListener("mouseup", resetStartDrag);
+      window.addEventListener("touchend", resetStartDrag);
     }
     function handleKeyDown(e) {
       if (e.key === "Enter" || e.key === " ") isItemsDragDisabled.set(false);
     }
+    function resetStartDrag() {
+      isItemsDragDisabled.set(true);
+      window.removeEventListener("mouseup", resetStartDrag);
+      window.removeEventListener("touchend", resetStartDrag);
+    }
     isItemsDragDisabled.subscribe(function (disabled) {
       handle.tabIndex = disabled ? 0 : -1;
       handle.style.cursor = disabled ? "grab" : "grabbing";

package/dist/index.mjs

@@ -1746,7 +1746,12 @@ function dndzone$2(node, options) {
 
     // dragging initiated by touch events prevents onclick from initially firing
     if (e.type === "touchend") {
-      e.target.click();
+      var clickEvent = new Event("click", {
+        bubbles: true,
+        cancelable: true
+      });
+      // doing it this way instead of calling .click() because that doesn't work for SVG elements
+      e.target.dispatchEvent(clickEvent);
     }
   }
   function handleMouseMoveMaybeDragStart(e) {
@@ -2684,10 +2689,19 @@ function dragHandle(handle) {
     // preventing default to prevent lag on touch devices (because of the browser checking for screen scrolling)
     e.preventDefault();
     isItemsDragDisabled.set(false);
+
+    // Reset the startDrag/isItemsDragDisabled if the user releases the mouse/touch without initiating a drag
+    window.addEventListener("mouseup", resetStartDrag);
+    window.addEventListener("touchend", resetStartDrag);
   }
   function handleKeyDown(e) {
     if (e.key === "Enter" || e.key === " ") isItemsDragDisabled.set(false);
   }
+  function resetStartDrag() {
+    isItemsDragDisabled.set(true);
+    window.removeEventListener("mouseup", resetStartDrag);
+    window.removeEventListener("touchend", resetStartDrag);
+  }
   isItemsDragDisabled.subscribe(function (disabled) {
     handle.tabIndex = disabled ? 0 : -1;
     handle.style.cursor = disabled ? "grab" : "grabbing";

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "svelte-dnd-action",
     "description": "*An awesome drag and drop library for Svelte 3 and 4 (not using the browser's built-in dnd, thanks god): Rich animations, nested containers, touch support and more *",
-    "version": "0.9.59",
+    "version": "0.9.61",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/isaacHagoel/svelte-dnd-action.git"

package/src/pointerAction.js

@@ -374,7 +374,12 @@ export function dndzone(node, options) {
 
         // dragging initiated by touch events prevents onclick from initially firing
         if (e.type === "touchend") {
-            e.target.click();
+            const clickEvent = new Event("click", {
+                bubbles: true,
+                cancelable: true
+            });
+            // doing it this way instead of calling .click() because that doesn't work for SVG elements
+            e.target.dispatchEvent(clickEvent);
         }
     }
 

package/src/wrappers/withDragHandles.js

@@ -84,11 +84,22 @@ export function dragHandle(handle) {
         // preventing default to prevent lag on touch devices (because of the browser checking for screen scrolling)
         e.preventDefault();
         isItemsDragDisabled.set(false);
+
+        // Reset the startDrag/isItemsDragDisabled if the user releases the mouse/touch without initiating a drag
+        window.addEventListener("mouseup", resetStartDrag);
+        window.addEventListener("touchend", resetStartDrag);
     }
+
     function handleKeyDown(e) {
         if (e.key === "Enter" || e.key === " ") isItemsDragDisabled.set(false);
     }
 
+    function resetStartDrag() {
+        isItemsDragDisabled.set(true);
+        window.removeEventListener("mouseup", resetStartDrag);
+        window.removeEventListener("touchend", resetStartDrag);
+    }
+
     isItemsDragDisabled.subscribe(disabled => {
         handle.tabIndex = disabled ? 0 : -1;
         handle.style.cursor = disabled ? "grab" : "grabbing";