u

src/components/PageMinimap.jsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
+import Portal from '@mui/material/Portal';
 import MapRoundedIcon from '@mui/icons-material/MapRounded';
 import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
 
@@ -202,6 +203,7 @@ export default function PageMinimap({ sourceSelector = 'main' }) {
   // Collapsed: a single centered pill to reopen the overview.
   if (!open) {
     return (
+      <Portal>
         <Box
           sx={{
             position: 'fixed',
@@ -231,10 +233,12 @@ export default function PageMinimap({ sourceSelector = 'main' }) {
             <MapRoundedIcon fontSize="small" />
           </IconButton>
         </Box>
+      </Portal>
     );
   }
 
   return (
+    <Portal>
       <Box
       sx={{
         position: 'fixed',
@@ -366,5 +370,6 @@ export default function PageMinimap({ sourceSelector = 'main' }) {
         </Box>
       </Box>
     </Box>
+  </Portal>
 );
 }