diff --git a/packages/toolpad-app/src/components/SplitPane.tsx b/packages/toolpad-app/src/components/SplitPane.tsx index 8a963e434a8..1174a66d87c 100644 --- a/packages/toolpad-app/src/components/SplitPane.tsx +++ b/packages/toolpad-app/src/components/SplitPane.tsx @@ -38,6 +38,9 @@ const WrappedSplitPane = React.forwardRef< // Some sensible defaults minSize={20} maxSize={-20} + style={{ + position: 'relative', + }} paneStyle={{ display: 'block', // Prevent the content from stretching the Panel out diff --git a/packages/toolpad-app/src/toolpad/AppEditor/CodeComponentEditor/index.tsx b/packages/toolpad-app/src/toolpad/AppEditor/CodeComponentEditor/index.tsx index df9cb5bc3b3..9c76a9b2d9a 100644 --- a/packages/toolpad-app/src/toolpad/AppEditor/CodeComponentEditor/index.tsx +++ b/packages/toolpad-app/src/toolpad/AppEditor/CodeComponentEditor/index.tsx @@ -151,14 +151,9 @@ function CodeComponentEditorContent({ codeComponentNode }: CodeComponentEditorCo return ( - + - - - + + + {iframeLoaded && frameDocument ? ReactDOM.createPortal(