@sit-onyx/headless 0.4.0-dev-20251111093451 → 0.4.0-dev-20251111095201

package/dist/composables/helpers/useOutsideClick.d.ts

@@ -9,7 +9,7 @@ export type UseOutsideClickOptions<TCheckOnTab extends boolean | undefined = und
     /**
      * Callback when an outside click occurred.
      */
-    onOutsideClick: (event: TCheckOnTab extends true ? MouseEvent | KeyboardEvent : MouseEvent) => void;
+    onOutsideClick: (event: TCheckOnTab extends true ? MouseEvent | KeyboardEvent | FocusEvent : MouseEvent) => void;
     /**
      * Whether the outside focus should also be checked when pressing the Tab key.
      */

package/dist/index.js

@@ -392,12 +392,42 @@ const useOutsideClick = ({
   };
   useGlobalEventListener({ type: "mousedown", listener: clickListener, disabled });
   if (checkOnTab) {
-    const keydownListener = async (event) => {
+    const keydownListener = (event) => {
       if (event.key !== "Tab") return;
-      await new Promise((resolve) => setTimeout(resolve));
       if (isOutsideClick(document.activeElement)) {
         onOutsideClick(event);
       }
+      const controller = new AbortController();
+      const { signal } = controller;
+      const onFocusIn = (event2) => {
+        const target = event2.target;
+        if (isOutsideClick(target)) {
+          onOutsideClick(event2);
+        }
+        controller.abort();
+      };
+      const onWindowBlur = (event2) => {
+        if (isOutsideClick(document.activeElement)) {
+          onOutsideClick(event2);
+        }
+        controller.abort();
+      };
+      const onKeyUp = (e) => {
+        if (e.key === "Tab") controller.abort();
+      };
+      document.addEventListener("focusin", onFocusIn, {
+        once: true,
+        capture: true,
+        // Capture phase to handle before component focus handlers
+        signal
+      });
+      window.addEventListener("blur", onWindowBlur, { once: true, signal });
+      document.addEventListener("keyup", onKeyUp, {
+        once: true,
+        capture: true,
+        // Capture phase to prevent conflicts with prevented keydown
+        signal
+      });
     };
     useGlobalEventListener({ type: "keydown", listener: keydownListener, disabled });
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/headless",
   "description": "Headless composables for Vue",
-  "version": "0.4.0-dev-20251111093451",
+  "version": "0.4.0-dev-20251111095201",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",