@lumx/react 4.19.0 → 4.19.1-alpha.1

package/index.js

@@ -6415,6 +6415,29 @@ function setupListbox(handle, signal, notify, options) {
   return focusNav;
 }
 
+/**
+ * Wrap `fn` so that, no matter how many times the returned function is called within the same
+ * microtask cycle, `fn` only runs once at the end of that cycle.
+ */
+function debounceMicrotask(fn) {
+  let running = false;
+  const debounced = () => {
+    if (!running) {
+      running = true;
+      queueMicrotask(() => {
+        if (running) {
+          running = false;
+          fn();
+        }
+      });
+    }
+  };
+  debounced.cancel = () => {
+    running = false;
+  };
+  return debounced;
+}
+
 /** Options for configuring the shared combobox behavior. */
 
 /**
@@ -6499,8 +6522,9 @@ function setupCombobox(callbacks, options, onTriggerAttach) {
    * or if the input value changed while the list is empty (so `emptyMessage` callbacks get
    * the updated query string).
    * Called whenever the set of visible options may have changed (option register/unregister, filter change).
+   * (debounced in a microtask)
    */
-  function notifyVisibilityChange() {
+  const notifyVisibilityChange = debounceMicrotask(() => {
     for (const [sectionElement] of sectionRegistrations) {
       notifySection(sectionElement, sectionRegistrations, optionRegistrations);
     }
@@ -6521,7 +6545,7 @@ function setupCombobox(callbacks, options, onTriggerAttach) {
     if (isOpenState) {
       trigger?.setAttribute('aria-expanded', String(hasVisibleContent()));
     }
-  }
+  });
 
   // ── Skeleton loading tracking ──────────────────────────────
 
@@ -6918,6 +6942,7 @@ function setupCombobox(callbacks, options, onTriggerAttach) {
       optionRegistrations.clear();
       sectionRegistrations.clear();
       skeletonCount = 0;
+      notifyVisibilityChange.cancel();
       clearTimeout(loadingTimer);
       announcementSent = false;
       // Clear all subscribers