fix: Drawer mask not lock scroll (#350)

react-component · Nov 11, 2022 · 65435ec · 65435ec · vercel · Nov 11, 2022
1 parent 47d4eea
commit 65435ec
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/Drawer.tsx b/src/Drawer.tsx
@@ -25,6 +25,7 @@ const Drawer: React.FC<DrawerProps> = props => {
     prefixCls,
     afterOpenChange,
     destroyOnClose,
+    mask,
   } = props;
 
   const [animatedVisible, setAnimatedVisible] = React.useState(false);
@@ -57,7 +58,7 @@ const Drawer: React.FC<DrawerProps> = props => {
       open={open || forceRender || animatedVisible}
       autoDestroy={false}
       getContainer={getContainer}
-      autoLock={open || animatedVisible}
+      autoLock={mask && (open || animatedVisible)}
     >
       <DrawerPopup {...sharedDrawerProps} inline={getContainer === false} />
     </Portal>

diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx
@@ -131,7 +131,9 @@ describe('rc-drawer-menu', () => {
       const drawer = document.querySelector('.rc-drawer');
       expect(drawer).toBeTruthy();
       expect(document.body.contains(drawer)).toBeTruthy();
-      expect(document.body.style.overflow).toBe('');
+      expect(document.body).not.toHaveStyle({
+        overflowY: 'hidden',
+      });
       unmount();
     });