internal: fixes issue where aria-live region was not updated properly

formkit · Dec 9, 2024 · eaeeabd · eaeeabd
1 parent a68f27a
commit eaeeabd
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -543,6 +543,8 @@ function setActive<T>(
     parent,
   };
 
+  addNodeClass([newActiveNode.el], activeDescendantClass);
+
   state.activeState.parent.el.setAttribute(
     "aria-activedescendant",
     state.activeState.node.el.id
@@ -627,12 +629,12 @@ function setSelected<T>(
 }
 
 function updateLiveRegion<T>(parent: ParentRecord<T>, message: string) {
-  const parentId = parent.el.id;
-
-  const liveRegion = document.getElementById(parentId + "-live-region");
+  const liveRegion = document.querySelector('[data-dnd-live-region="true"]');
 
   if (!liveRegion) return;
 
+  liveRegion.id = parent.el.id + "-live-region";
+
   liveRegion.textContent = message;
 }