From 887623c6750dc1b1ac056e05f5ad996ec4bec9a3 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Wed, 16 Mar 2022 18:59:27 -0500
Subject: [PATCH] app/App: fix SplitterPane escaping container

https://stackoverflow.com/a/49210016/1976323
---
 src/app/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 9337d94f..904cda47 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -159,8 +159,8 @@ const App: React.VoidFunctionComponent<AppProps> = ({ onEditorChanged }) => {
                 style={{ display: 'grid', gridTemplateColumns: '250px auto' }}
             >
                 <Explorer />
-                {/* need a container for SplitterLayout since it uses position: absolute */}
-                <div>
+                {/* need a container with position: relative; for SplitterLayout since it uses position: absolute; */}
+                <div style={{ position: 'relative' }}>
                     <SplitterLayout
                         customClassName={
                             isSettingShowDocsEnabled ? 'pb-show-docs' : 'pb-hide-docs'