svelte-dnd-action 0.9.58 → 0.9.59

package/dist/index.js

@@ -1828,12 +1828,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

@@ -1822,12 +1822,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.59",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/isaacHagoel/svelte-dnd-action.git"

package/src/pointerAction.js

@@ -439,12 +439,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);
             }