ui: allow autocomplete dropdown to overflow (#1088)

packages/ui-default/components/problemconfig/index.tsx

@@ -48,7 +48,9 @@ export default function ProblemConfig(props: Props) {
 
   return <ContextMenuProvider>
     <div ref={setContainer}>
-      <Allotment defaultSizes={[2, 3]}>
+      <Allotment
+        defaultSizes={[2, 3]}
+        className="problem-config-allotment">
         <Allotment.Pane>
           <div style={{ height: '100%', overflow: 'auto' }}>
             <ProblemConfigEditor ref={setEditor} />

packages/ui-default/pages/problem_config.page.styl

@@ -9,6 +9,12 @@
   input::placeholder
     color: rgba(95,107,124,.6)!important
 
+  .problem-config-allotment  
+    overflow: visible !important  
+      
+    .split-view-container > .split-view-view  
+      overflow: visible !important
+
   .problem-config-form
     font-family: var(--code-font-family)