Ignore disconnected elements for outside clicks (#2544)

tailwindlabs · Jun 19, 2023 · 0a9276d · 0a9276d · vercel · Jun 19, 2023
1 parent 14b8c56
commit 0a9276d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/@headlessui-react/src/hooks/use-outside-click.ts b/packages/@headlessui-react/src/hooks/use-outside-click.ts
@@ -47,6 +47,9 @@ export function useOutsideClick(
     // Ignore if the target doesn't exist in the DOM anymore
     if (!target.getRootNode().contains(target)) return
 
+    // Ignore if the target was removed from the DOM by the time the handler was called
+    if (!target.isConnected) return
+
     let _containers = (function resolve(containers): ContainerCollection {
       if (typeof containers === 'function') {
         return resolve(containers())