diff --git a/packages/cdk/click-outside/src/useClickOutside.ts b/packages/cdk/click-outside/src/useClickOutside.ts
index e5bdf93b9..b31e2162e 100644
--- a/packages/cdk/click-outside/src/useClickOutside.ts
+++ b/packages/cdk/click-outside/src/useClickOutside.ts
@@ -27,15 +27,20 @@ interface DocumentHandlerOptions {
 
 const documentHandlerMap = new Map<HTMLElement, DocumentHandlerOptions>()
 
-on(document, 'click', event => {
-  documentHandlerMap.forEach(({ exclude, handler }) => {
-    const target = event.target as Node
-    if (exclude.some(item => item === target || item.contains(target))) {
-      return
-    }
-    handler(event)
-  })
-})
+on(
+  document,
+  'click',
+  event => {
+    documentHandlerMap.forEach(({ exclude, handler }) => {
+      const target = event.target as Node
+      if (exclude.some(item => item === target || item.contains(target))) {
+        return
+      }
+      handler(event)
+    })
+  },
+  { capture: true },
+)
 
 function createHandler(el: HTMLElement, binding: ClickOutsideBinding): void {
   const exclude: HTMLElement[] = [el]