fix(plugins/plugin-client-common): Sidecar sticks to a short height when switching from Yaml -> Summary -> Yaml tab

Fixed by removing sizeToFit in Editor and setting monaco-editor min-height to 20rem

Fixes #6913

Author: myan9

packages/test/src/api/util.ts

@@ -278,10 +278,13 @@ export function uniqueFileForSnapshot() {
 /** Click the close button on a block, and expect it to be gone */
 export async function removeBlock(res: AppAndCount) {
   const N = res.count
-  await res.app.client.$(Selectors.PROMPT_N(N)).then(_ => _.moveTo())
+  const prompt = await res.app.client.$(Selectors.PROMPT_N(N))
+  await prompt.scrollIntoView()
+  await prompt.moveTo()
 
   const removeButton = await res.app.client.$(Selectors.BLOCK_REMOVE_BUTTON(N))
-  await removeButton.waitForDisplayed()
+  await removeButton.scrollIntoView()
+  await removeButton.waitForDisplayed({ timeout: CLI.waitTimeout })
   await removeButton.click()
 }
 

plugins/plugin-client-common/src/components/Content/KuiContent.tsx

@@ -117,7 +117,6 @@ export default class KuiContent extends React.Component<KuiMMRProps, State> {
           <Editor
             content={mode}
             readOnly={false}
-            sizeToFit
             willUpdateToolbar={willUpdateToolbar}
             response={response}
             repl={tab.REPL}
@@ -131,7 +130,6 @@ export default class KuiContent extends React.Component<KuiMMRProps, State> {
           contentType={mode.contentType}
           originalContent={mode.content.a}
           modifiedContent={mode.content.b}
-          sizeToFit
           response={response}
           renderSideBySide
           tabUUID={tab.uuid}

plugins/plugin-client-common/web/scss/components/Editor/Editor.scss

@@ -34,6 +34,7 @@
 
   .monaco-editor {
     display: block;
+    min-height: 23rem;
   }
   .monaco-editor {
     background: transparent;