Minor changes

.vscode/settings.json

@@ -21,5 +21,6 @@
   },
   "eslint.run": "onSave",
   "eslint.lintTask.enable": true,
-  "eslint.lintTask.options": ". --ext ts,tsx --ignore-path=.gitignore --rulesdir ./devEnv/eslint/rules"
+  "eslint.lintTask.options": ". --ext ts,tsx --ignore-path=.gitignore --rulesdir ./devEnv/eslint/rules",
+  "jest.jestCommandLine": "yarn jest"
 }

packages/playground/src/space-exploration/App.tsx

@@ -59,7 +59,11 @@ function App() {
   const [bgIndex, setBgIndex] = useState(0)
   const bg = bgs[bgIndex]
   return (
-    <div onClick={() => setBgIndex((bgIndex) => (bgIndex + 1) % bgs.length)}>
+    <div
+      onClick={() => {
+        // return setBgIndex((bgIndex) => (bgIndex + 1) % bgs.length)
+      }}
+    >
       <Canvas dpr={[1.5, 2]} linear shadows frameloop="demand">
         <SheetProvider getSheet={() => getProject('Space').sheet('Scene')}>
           <fog attach="fog" args={[bg, 16, 30]} />

theatre/studio/src/UIRoot/UIRoot.tsx

@@ -43,6 +43,7 @@ const Container = styled(PointerEventsHandler)`
   &.invisible {
     pointer-events: none !important;
     opacity: 0;
+    transform: translateX(1000000px);
   }
 `
 

theatre/studio/src/panels/BasePanel/PaneWrapper.tsx

@@ -86,6 +86,7 @@ const ClosePanelButton = styled.button`
  */
 const F2 = styled(F2Impl)`
   position: relative;
+  overflow: hidden;
 
   &:after {
     z-index: 10;