@dnd-kit/dom 0.1.5 → 0.1.6-beta-20250501000355

package/index.cjs

@@ -581,12 +581,21 @@ render_fn = function() {
   let documentMutationObserver;
   if (placeholder) {
     resizeObserver.observe(placeholder);
-    elementMutationObserver = new MutationObserver(() => {
-      for (const attribute of Array.from(element.attributes)) {
-        if (attribute.name.startsWith("aria-") || IGNORED_ATTRIBUTES.includes(attribute.name)) {
+    elementMutationObserver = new MutationObserver((mutations) => {
+      let hasChildrenMutations = false;
+      for (const mutation of mutations) {
+        if (mutation.target !== element) {
+          hasChildrenMutations = true;
           continue;
         }
-        if (attribute.name === "style") {
+        if (mutation.type !== "attributes") {
+          continue;
+        }
+        const attributeName = mutation.attributeName;
+        if (attributeName.startsWith("aria-") || IGNORED_ATTRIBUTES.includes(attributeName)) {
+          continue;
+        }
+        if (attributeName === "style") {
           if (utilities.supportsStyle(element) && utilities.supportsStyle(placeholder)) {
             for (const key of Object.values(element.style)) {
               if (key.startsWith(CSS_PREFIX) || IGNORED_STYLES.includes(key)) {
@@ -598,11 +607,16 @@ render_fn = function() {
               );
             }
           }
-          continue;
+        } else {
+          const attributeValue = element.getAttribute(attributeName);
+          if (attributeValue !== null) {
+            placeholder.setAttribute(attributeName, attributeValue);
+          } else {
+            placeholder.removeAttribute(attributeName);
+          }
         }
-        placeholder.setAttribute(attribute.name, attribute.value);
       }
-      if (clone) {
+      if (hasChildrenMutations && clone) {
         placeholder.innerHTML = element.innerHTML;
       }
     });