fix(playground): fix recurstion related to textarea sizing

Refs #4027
swagger-api · Apr 16, 2024 · b993ba8 · b993ba8
1 parent 4b23205
commit b993ba8
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/apidom-playground/src/playground/components/left-pane/Editor.jsx b/packages/apidom-playground/src/playground/components/left-pane/Editor.jsx
@@ -15,17 +15,23 @@ const Editor = ({ className }) => {
   return (
     <div className={className}>
       <FormControl fullWidth>
-        <OutlinedInput
+        <OutlinedInput // currently not showing scroll bar due to https://github.com/swagger-api/apidom/issues/4027
           fullWidth
           multiline
           id="input"
           sx={{
-            height: '100%',
+            '.MuiInputBase-inputMultiline': {
+              height: 'calc(100vh - 64px - 190px - 80px)',
+              maxHeight: 'calc(100vh - 64px - 190px - 80px)',
+              display: 'block',
+            },
           }}
           value={source}
           onChange={handleEditorChange}
           inputProps={{
-            style: { display: 'block', height: '100%', overflow: 'auto' },
+            style: {
+              height: 'calc(100vh - 64px - 190px - 80px)',
+            },
           }}
         />
       </FormControl>