[SwipeableDrawer] Fix missing close animation when initial open is tr…

…ue (#35010) Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
mui · Dec 6, 2022 · cd27859 · cd27859
1 parent f4be7ab
commit cd27859
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/packages/mui-base/src/ModalUnstyled/ModalUnstyled.js b/packages/mui-base/src/ModalUnstyled/ModalUnstyled.js
@@ -80,7 +80,7 @@ const ModalUnstyled = React.forwardRef(function ModalUnstyled(props, ref) {
     ...other
   } = props;
 
-  const [exited, setExited] = React.useState(true);
+  const [exited, setExited] = React.useState(!open);
   const modal = React.useRef({});
   const mountNodeRef = React.useRef(null);
   const modalRef = React.useRef(null);

diff --git a/packages/mui-base/src/ModalUnstyled/ModalUnstyled.test.js b/packages/mui-base/src/ModalUnstyled/ModalUnstyled.test.js
@@ -58,6 +58,24 @@ describe('<ModalUnstyled />', () => {
     expect(theme).not.to.equal(null);
   });
 
+  it('default exited state is opposite of open prop', () => {
+    let exited = null;
+
+    const Root = React.forwardRef(({ ownerState: ownerStateProp, ...other }, ref) => {
+      exited = ownerStateProp.exited;
+
+      return <span ref={ref} {...other} />;
+    });
+
+    render(
+      <ModalUnstyled open slots={{ root: Root }}>
+        <div />
+      </ModalUnstyled>,
+    );
+
+    expect(exited).to.equal(false);
+  });
+
   it('does not forward style props as DOM attributes if component slot is primitive', () => {
     const elementRef = React.createRef();
     render(