fix(useDismiss): bail out of blur to mark inside React tree if floating tree exists (floating-ui#3331)

atomiks · web-flow · commit df494e763383 · 2025-06-01T00:33:16.000+10:00
diff --git a/.changeset/mighty-chairs-invite.md b/.changeset/mighty-chairs-invite.md
@@ -0,0 +1,5 @@
+---
+"@floating-ui/react": patch
+---
+
+fix(useDismiss): bail out of blur to mark inside react tree if floating tree exists
diff --git a/packages/react/src/hooks/useDismiss.ts b/packages/react/src/hooks/useDismiss.ts
@@ -523,14 +523,15 @@ export function useDismiss(
         dataRef.current.insideReactTree = true;
       },
       onBlurCapture() {
+        if (tree) return;
         clearTimeoutIfSet(blurTimeoutRef);
         dataRef.current.insideReactTree = true;
         blurTimeoutRef.current = window.setTimeout(() => {
           dataRef.current.insideReactTree = false;
         });
       },
     }),
-    [closeOnEscapeKeyDown, outsidePressEvent, dataRef],
+    [closeOnEscapeKeyDown, outsidePressEvent, dataRef, tree],
   );
 
   return React.useMemo(

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@floating-ui/react": patch
 +---
++
 +fix(useDismiss): bail out of blur to mark inside react tree if floating tree exists