fix(editor): Issue with JSON editor getting cut off (#9000)

n8n-io · Apr 3, 2024 · 4668db2 · 4668db2
1 parent 4619dec
commit 4668db2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/cypress/pages/ndv.ts b/cypress/pages/ndv.ts
@@ -22,7 +22,7 @@ export class NDV extends BasePage {
 			this.getters.outputPanel().findChildByTestId('ndv-run-data-display-mode').first(),
 		pinDataButton: () => cy.getByTestId('ndv-pin-data'),
 		editPinnedDataButton: () => cy.getByTestId('ndv-edit-pinned-data'),
-		pinnedDataEditor: () => this.getters.outputPanel().find('.cm-editor .cm-scroller'),
+		pinnedDataEditor: () => this.getters.outputPanel().find('.cm-editor .cm-scroller .cm-content'),
 		runDataPaneHeader: () => cy.getByTestId('run-data-pane-header'),
 		nodeOutputHint: () => cy.getByTestId('ndv-output-run-node-hint'),
 		savePinnedDataButton: () =>

diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
@@ -218,6 +218,7 @@
 					<JsonEditor
 						:model-value="editMode.value"
 						@update:model-value="ndvStore.setOutputPanelEditModeValue($event)"
+						:fill-parent="true"
 					/>
 				</div>
 				<div :class="$style.editModeFooter">