fix(onClickOutside): improve cross-browser compatibility (vueuse#4185)

Co-authored-by: Anthony Fu <github@antfu.me>
pkc918 · Sep 12, 2024 · 9e598c4 · 9e598c4
1 parent 30452c2
commit 9e598c4
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/core/onClickOutside/index.ts b/packages/core/onClickOutside/index.ts
@@ -86,8 +86,18 @@ export function onClickOutside<T extends OnClickOutsideOptions>(
     handler(event)
   }
 
+  let isProcessingClick = false
+
   const cleanup = [
-    useEventListener(window, 'click', listener, { passive: true, capture }),
+    useEventListener(window, 'click', (event: PointerEvent) => {
+      if (!isProcessingClick) {
+        isProcessingClick = true
+        setTimeout(() => {
+          isProcessingClick = false
+        }, 0)
+        listener(event)
+      }
+    }, { passive: true, capture }),
     useEventListener(window, 'pointerdown', (e) => {
       const el = unrefElement(target)
       shouldListen = !shouldIgnore(e) && !!(el && !e.composedPath().includes(el))