Display simulator none when collapsed

microbit-foundation · Apr 4, 2024 · 11886ee · 11886ee
1 parent bb77f91
commit 11886ee
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/common/SplitView/SplitViewSized.tsx b/src/common/SplitView/SplitViewSized.tsx
@@ -6,6 +6,7 @@
 import { createRef, useEffect } from "react";
 import { dimensionPropName, useSplitViewContext } from "./context";
 import { Box } from "@chakra-ui/layout";
+import { Collapse } from "@chakra-ui/react";
 
 interface SizedPaneProps {
   children: JSX.Element;
@@ -38,6 +39,7 @@ const SplitViewSized = ({ children }: SizedPaneProps) => {
   return (
     <Box
       pointerEvents={dragging ? "none" : "unset"}
+      display={mode === "collapsed" ? "none" : undefined}
       visibility={mode === "collapsed" ? "hidden" : undefined}
       ref={ref}
     >