From 4668db20fb6a47b4e417ab8f31407d13af9c70f8 Mon Sep 17 00:00:00 2001
From: Ricardo Espinoza <ricardo@n8n.io>
Date: Wed, 3 Apr 2024 05:58:12 -0400
Subject: [PATCH] fix(editor):  Issue with JSON editor getting cut off (#9000)

---
 cypress/pages/ndv.ts                          | 2 +-
 packages/editor-ui/src/components/RunData.vue | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/cypress/pages/ndv.ts b/cypress/pages/ndv.ts
index 3de9a13917..8460282ade 100644
--- 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
index fc95c43e84..b43e39998a 100644
--- 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">