@dnd-kit/dom 0.1.11 → 0.1.12-beta-20250507113354

package/index.cjs

@@ -218,42 +218,57 @@ var Accessibility = class extends abstract.Plugin {
       liveRegionElement.appendChild(liveRegionTextNode);
       document.body.append(hiddenTextElement, liveRegionElement);
     };
-    const updateAttributes = () => {
+    const mutations = /* @__PURE__ */ new Set();
+    function executeMutations() {
+      for (const operation of mutations) {
+        operation();
+      }
+    }
+    this.registerEffect(() => {
       var _a4;
+      mutations.clear();
       for (const draggable of this.manager.registry.draggables.value) {
         const activator = (_a4 = draggable.handle) != null ? _a4 : draggable.element;
         if (activator) {
-          if (!hiddenTextElement || !liveRegionElement) {
-            initialize();
-          }
+          mutations.add(initialize);
           if ((!isFocusable(activator) || utilities.isSafari()) && !activator.hasAttribute("tabindex")) {
-            activator.setAttribute("tabindex", "0");
+            mutations.add(() => activator.setAttribute("tabindex", "0"));
           }
           if (!activator.hasAttribute("role") && !(activator.tagName.toLowerCase() === "button")) {
-            activator.setAttribute("role", defaultAttributes.role);
+            mutations.add(
+              () => activator.setAttribute("role", defaultAttributes.role)
+            );
           }
-          if (!activator.hasAttribute("role-description")) {
-            activator.setAttribute(
-              "aria-roledescription",
-              defaultAttributes.roleDescription
+          if (!activator.hasAttribute("aria-roledescription")) {
+            mutations.add(
+              () => activator.setAttribute(
+                "aria-roledescription",
+                defaultAttributes.roleDescription
+              )
             );
           }
           if (!activator.hasAttribute("aria-describedby")) {
-            activator.setAttribute("aria-describedby", descriptionId);
+            mutations.add(
+              () => activator.setAttribute("aria-describedby", descriptionId)
+            );
           }
           for (const key of ["aria-pressed", "aria-grabbed"]) {
-            activator.setAttribute(key, String(draggable.isDragging));
+            const value = String(draggable.isDragging);
+            if (activator.getAttribute(key) !== value) {
+              mutations.add(() => activator.setAttribute(key, value));
+            }
+          }
+          const disabled = String(draggable.disabled);
+          if (activator.getAttribute("aria-disabled") !== disabled) {
+            mutations.add(
+              () => activator.setAttribute("aria-disabled", disabled)
+            );
           }
-          activator.setAttribute("aria-disabled", String(draggable.disabled));
         }
       }
-    };
-    this.registerEffect(() => {
-      for (const draggable of this.manager.registry.draggables.value) {
-        void draggable.element;
-        void draggable.handle;
+      if (mutations.size > 0) {
+        utilities.scheduler.schedule(executeMutations);
       }
-      utilities.scheduler.schedule(updateAttributes);
     });
     this.destroy = () => {
       super.destroy();
@@ -1140,9 +1155,13 @@ var Scheduler = class {
     return new Promise((resolve) => this.resolvers.add(resolve));
   }
 };
-var scheduler3 = new Scheduler(
-  (callback) => requestAnimationFrame(callback)
-);
+var scheduler3 = new Scheduler((callback) => {
+  if (typeof requestAnimationFrame === "function") {
+    requestAnimationFrame(callback);
+  } else {
+    callback();
+  }
+});
 
 // src/core/plugins/scrolling/AutoScroller.ts
 var AUTOSCROLL_INTERVAL = 10;