fix: drawer was stealing clicks from rest of page

safe-global · Nov 8, 2024 · cff4630 · cff4630
1 parent 83b1a52
commit cff4630
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/common/PageLayout/SideDrawer.tsx b/src/components/common/PageLayout/SideDrawer.tsx
@@ -48,6 +48,11 @@ const SideDrawer = ({ isOpen, onToggle }: SideDrawerProps): ReactElement => {
         anchor="left"
         open={isOpen}
         onClose={() => onToggle(false)}
+        sx={{
+          // fixes a bug on small screens where the drawer is not visible,
+          // but it steals all the events from the rest of the page
+          position: 'relative',
+        }}
         className={smDrawerHidden ? css.smDrawerHidden : undefined}
       >
         <aside>