svelte-dnd-action 0.9.54 → 0.9.56

package/dist/index.js

@@ -1633,7 +1633,11 @@
           source: SOURCES.POINTER
         });
       }
-      if (shadowElIdx !== -1) unDecorateShadowElement(shadowElDropZone.children[shadowElIdx]);
+      // In edge cases the dom might have not been updated yet so we can't rely on data list index
+      var domShadowEl = Array.from(shadowElDropZone.children).find(function (c) {
+        return c.getAttribute(SHADOW_ELEMENT_ATTRIBUTE_NAME);
+      });
+      if (domShadowEl) unDecorateShadowElement(domShadowEl);
       cleanupPostDrop();
     }
     if (dzToConfig$1.get(shadowElDropZone).dropAnimationDisabled) {
@@ -1806,7 +1810,7 @@
       originIndex = currentIdx;
       originDropZone = originalDragTarget.parentElement;
       /** @type {ShadowRoot | HTMLDocument | Element } */
-      var rootNode = originDropZone.closest("dialog") || originDropZone.getRootNode();
+      var rootNode = originDropZone.closest("dialog") || originDropZone.closest("[popover]") || originDropZone.getRootNode();
       var originDropZoneRoot = rootNode.body || rootNode;
       var originalItems = config.items,
         type = config.type,

package/dist/index.mjs

@@ -1627,7 +1627,11 @@ function handleDrop$1() {
         source: SOURCES.POINTER
       });
     }
-    if (shadowElIdx !== -1) unDecorateShadowElement(shadowElDropZone.children[shadowElIdx]);
+    // In edge cases the dom might have not been updated yet so we can't rely on data list index
+    var domShadowEl = Array.from(shadowElDropZone.children).find(function (c) {
+      return c.getAttribute(SHADOW_ELEMENT_ATTRIBUTE_NAME);
+    });
+    if (domShadowEl) unDecorateShadowElement(domShadowEl);
     cleanupPostDrop();
   }
   if (dzToConfig$1.get(shadowElDropZone).dropAnimationDisabled) {
@@ -1800,7 +1804,7 @@ function dndzone$2(node, options) {
     originIndex = currentIdx;
     originDropZone = originalDragTarget.parentElement;
     /** @type {ShadowRoot | HTMLDocument | Element } */
-    var rootNode = originDropZone.closest("dialog") || originDropZone.getRootNode();
+    var rootNode = originDropZone.closest("dialog") || originDropZone.closest("[popover]") || originDropZone.getRootNode();
     var originDropZoneRoot = rootNode.body || rootNode;
     var originalItems = config.items,
       type = config.type,

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.54",
+    "version": "0.9.56",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/isaacHagoel/svelte-dnd-action.git"

package/src/pointerAction.js

@@ -3,6 +3,7 @@ import {
     incrementActiveDropZoneCount,
     ITEM_ID_KEY,
     printDebug,
+    SHADOW_ELEMENT_ATTRIBUTE_NAME,
     SHADOW_ITEM_MARKER_PROPERTY_NAME,
     SHADOW_PLACEHOLDER_ITEM_ID,
     SOURCES,
@@ -114,7 +115,7 @@ function unWatchDraggedElement() {
     }
     window.removeEventListener(DRAGGED_LEFT_DOCUMENT_EVENT_NAME, handleDrop);
     // ensuring multiScroller is not already destroyed before destroying
-    if(multiScroller) {
+    if (multiScroller) {
         multiScroller.destroy();
         multiScroller = undefined;
     }
@@ -271,7 +272,9 @@ function handleDrop() {
                 source: SOURCES.POINTER
             });
         }
-        if (shadowElIdx !== -1) unDecorateShadowElement(shadowElDropZone.children[shadowElIdx]);
+        // In edge cases the dom might have not been updated yet so we can't rely on data list index
+        const domShadowEl = Array.from(shadowElDropZone.children).find(c => c.getAttribute(SHADOW_ELEMENT_ATTRIBUTE_NAME));
+        if (domShadowEl) unDecorateShadowElement(domShadowEl);
         cleanupPostDrop();
     }
     if (dzToConfig.get(shadowElDropZone).dropAnimationDisabled) {
@@ -420,7 +423,7 @@ export function dndzone(node, options) {
         originIndex = currentIdx;
         originDropZone = originalDragTarget.parentElement;
         /** @type {ShadowRoot | HTMLDocument | Element } */
-        const rootNode = originDropZone.closest("dialog") || originDropZone.getRootNode();
+        const rootNode = originDropZone.closest("dialog") || originDropZone.closest("[popover]") || originDropZone.getRootNode();
         const originDropZoneRoot = rootNode.body || rootNode;
         const {items: originalItems, type, centreDraggedOnCursor} = config;
         const items = [...originalItems];