edvoyui-component-library-test-flight 0.0.222 → 0.0.223

package/dist/components/select/EUISelect.vue

@@ -620,7 +620,7 @@ const offsetValue = computed(() => props.customOffset);
 
 const withPopper = (
   dropdownList: HTMLElement,
-  component: { $refs: { toggle: Element | VirtualElement } },
+  component: { $refs: { toggle: Element | VirtualElement }; open: boolean },
   { width, maxHeight }: any,
 ) => {
   const newwidth = selectWidth.value || width; //setcustom width '400px'
@@ -645,7 +645,23 @@ const withPopper = (
     ],
   });
   dropdownList.classList.add("toggle-dropdown");
-  return () => popper.destroy();
+
+  // The dropdown is appended to <body>, so it only tracks its trigger via
+  // Popper's rAF-scheduled scroll listener, which visibly lags the trigger
+  // during a fast/continuous scroll of an ancestor container until scrolling
+  // stops. Closing immediately on any outside scroll (capture phase catches
+  // non-bubbling scroll events from nested containers) avoids that detached,
+  // floating state entirely.
+  const closeOnScroll = (event: Event) => {
+    if (dropdownList.contains(event.target as Node)) return;
+    component.open = false;
+  };
+  document.addEventListener("scroll", closeOnScroll, true);
+
+  return () => {
+    document.removeEventListener("scroll", closeOnScroll, true);
+    popper.destroy();
+  };
 };
 
 const fuseSearch = (