fix(onClickOutside): fallback to pointerup event if click event n…

…ot propagate (#1522)
vueuse · May 3, 2022 · 89c9e53 · 89c9e53
1 parent 23549c3
commit 89c9e53
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/core/onClickOutside/index.ts b/packages/core/onClickOutside/index.ts
@@ -37,7 +37,11 @@ export function onClickOutside(
 
   const shouldListen = ref(true)
 
+  let fallback: number
+
   const listener = (event: PointerEvent) => {
+    window.clearTimeout(fallback)
+
     const el = unrefElement(target)
     const composedPath = event.composedPath()
 
@@ -61,6 +65,9 @@ export function onClickOutside(
       const el = unrefElement(target)
       shouldListen.value = !!el && !e.composedPath().includes(el)
     }, { passive: true }),
+    useEventListener(window, 'pointerup', (e) => {
+      fallback = window.setTimeout(() => listener(e), 50)
+    }, { passive: true }),
   ]
 
   const stop = () => cleanup.forEach(fn => fn())