Set closeOnFocus=false

mui · Jun 13, 2024 · 6c9f081 · 6c9f081
1 parent 97794d6
commit 6c9f081
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/mui-base/src/Dialog/Popup/DialogPopup.tsx b/packages/mui-base/src/Dialog/Popup/DialogPopup.tsx
@@ -21,7 +21,7 @@ const DialogPopup = React.forwardRef(function DialogPopup(
     ...other
   } = props;
   const rootContext = useDialogRootContext();
-  const { open, modal, nestedOpenDialogCount } = rootContext;
+  const { open, modal, nestedOpenDialogCount, dismissible } = rootContext;
 
   const { getRootProps, floatingContext, mounted, transitionStatus } = useDialogPopup({
     id: idProp,
@@ -68,7 +68,12 @@ const DialogPopup = React.forwardRef(function DialogPopup(
 
   return (
     <FloatingPortal root={container}>
-      <FloatingFocusManager context={floatingContext} modal={modal} disabled={!mounted}>
+      <FloatingFocusManager
+        context={floatingContext}
+        modal={modal}
+        disabled={!mounted}
+        closeOnFocusOut={dismissible}
+      >
         {renderElement()}
       </FloatingFocusManager>
     </FloatingPortal>