svelte-dnd-action 0.9.58 → 0.9.60

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) {
@@ -1828,12 +1833,13 @@
         if (!originalDragTarget.parentElement) {
           originalDragTarget.setAttribute(ORIGINAL_DRAGGED_ITEM_MARKER_ATTRIBUTE, true);
           originDropZoneRoot.appendChild(originalDragTarget);
+          // have to watch before we hide, otherwise Svelte 5 $state gets confused
+          watchDraggedElement();
           hideElement(originalDragTarget);
           // after the removal of the original element we can give the shadow element the original item id so that the host zone can find it and render it correctly if it does lookups by id
           shadowElData[ITEM_ID_KEY] = draggedElData[ITEM_ID_KEY];
           // to prevent the outline from disappearing
           draggedEl.focus();
-          watchDraggedElement();
         } else {
           window.requestAnimationFrame(keepOriginalElementInDom);
         }

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) {
@@ -1822,12 +1827,13 @@ function dndzone$2(node, options) {
       if (!originalDragTarget.parentElement) {
         originalDragTarget.setAttribute(ORIGINAL_DRAGGED_ITEM_MARKER_ATTRIBUTE, true);
         originDropZoneRoot.appendChild(originalDragTarget);
+        // have to watch before we hide, otherwise Svelte 5 $state gets confused
+        watchDraggedElement();
         hideElement(originalDragTarget);
         // after the removal of the original element we can give the shadow element the original item id so that the host zone can find it and render it correctly if it does lookups by id
         shadowElData[ITEM_ID_KEY] = draggedElData[ITEM_ID_KEY];
         // to prevent the outline from disappearing
         draggedEl.focus();
-        watchDraggedElement();
       } else {
         window.requestAnimationFrame(keepOriginalElementInDom);
       }

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.58",
+    "version": "0.9.60",
     "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);
         }
     }
 
@@ -439,12 +444,13 @@ export function dndzone(node, options) {
             if (!originalDragTarget.parentElement) {
                 originalDragTarget.setAttribute(ORIGINAL_DRAGGED_ITEM_MARKER_ATTRIBUTE, true);
                 originDropZoneRoot.appendChild(originalDragTarget);
+                // have to watch before we hide, otherwise Svelte 5 $state gets confused
+                watchDraggedElement();
                 hideElement(originalDragTarget);
                 // after the removal of the original element we can give the shadow element the original item id so that the host zone can find it and render it correctly if it does lookups by id
                 shadowElData[ITEM_ID_KEY] = draggedElData[ITEM_ID_KEY];
                 // to prevent the outline from disappearing
                 draggedEl.focus();
-                watchDraggedElement();
             } else {
                 window.requestAnimationFrame(keepOriginalElementInDom);
             }