From 815829973439cda56955bbbdada12cababb224ed Mon Sep 17 00:00:00 2001
From: Isaac Hellendag <dish@elementl.com>
Date: Mon, 2 Oct 2023 21:23:04 -0500
Subject: [PATCH] [ui] Fix config dialog scrolling

---
 .../src/components/RawCodeMirror.tsx              |  2 +-
 .../ui-core/src/instance/InstanceConfig.tsx       | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/js_modules/dagster-ui/packages/ui-components/src/components/RawCodeMirror.tsx b/js_modules/dagster-ui/packages/ui-components/src/components/RawCodeMirror.tsx
index 6cccb0d680b5c..76daf2bb1b885 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/components/RawCodeMirror.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/components/RawCodeMirror.tsx
@@ -81,5 +81,5 @@ export const RawCodeMirror = (props: Props) => {
     }
   }, [options]);
 
-  return <div ref={target} />;
+  return <div style={{height: '100%', overflow: 'hidden'}} ref={target} />;
 };
diff --git a/js_modules/dagster-ui/packages/ui-core/src/instance/InstanceConfig.tsx b/js_modules/dagster-ui/packages/ui-core/src/instance/InstanceConfig.tsx
index 9e7be64f19651..7ee145d971d7e 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/instance/InstanceConfig.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/instance/InstanceConfig.tsx
@@ -88,12 +88,15 @@ export const InstanceConfig = React.memo(() => {
           Dagster version: <Code style={{fontSize: '16px'}}>{data.version}</Code>
         </Subheading>
       </Box>
-      <StyledRawCodeMirror
-        value={config || ''}
-        options={{readOnly: true, lineNumbers: true, mode: 'yaml'}}
-        handlers={handlers}
-        theme={['instance-config']}
-      />
+      {/* Div wrapper on CodeMirror to allow entire page to scroll */}
+      <div>
+        <StyledRawCodeMirror
+          value={config || ''}
+          options={{readOnly: true, lineNumbers: true, mode: 'yaml'}}
+          handlers={handlers}
+          theme={['instance-config']}
+        />
+      </div>
     </>
   );
 });