chore: enhance focusout handler using relatedTarget

chialab · Jan 31, 2024 · 4526982 · 4526982
1 parent cbc438d
commit 4526982
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/.changeset/unlucky-students-complain.md b/.changeset/unlucky-students-complain.md
@@ -0,0 +1,5 @@
+---
+"@chialab/loock": patch
+---
+
+Enhance focusout handler using relatedTarget
diff --git a/src/focusEnterBehavior.ts b/src/focusEnterBehavior.ts
@@ -36,18 +36,15 @@ export function focusEnterBehavior(node: HTMLElement, options: FocusEnterOptions
         onEnter?.(activeElement);
     };
 
-    const onFocusOut = () => {
+    const onFocusOut = (event: FocusEvent) => {
         if (!focused) {
             return;
         }
 
-        setTimeout(() => {
-            const activeElement = document.activeElement;
-            if (node !== activeElement && !node.contains(activeElement)) {
-                focused = false;
-                onExit?.();
-            }
-        });
+        if (!node.contains(event.relatedTarget as HTMLElement)) {
+            focused = false;
+            onExit?.();
+        }
     };
 
     return {