From f9f303f562084db8c8956da267680b1f935aa2df Mon Sep 17 00:00:00 2001
From: Elias Meire <elias@meire.dev>
Date: Mon, 23 Sep 2024 15:30:09 +0200
Subject: [PATCH] fix(editor): Fix modal overflow when AI is enabled in code
 node (#10887)

---
 .../src/components/CodeNodeEditor/CodeNodeEditor.vue   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
index 6633bcacb..381380cdf 100644
--- a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
+++ b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
@@ -376,15 +376,17 @@ function onAiLoadEnd() {
 			v-model="activeTab"
 			type="card"
 			:before-leave="onBeforeTabLeave"
+			:class="$style.tabs"
 		>
 			<el-tab-pane
 				:label="$locale.baseText('codeNodeEditor.tabs.code')"
 				name="code"
 				data-test-id="code-node-tab-code"
+				:class="$style.fillHeight"
 			>
 				<div
 					ref="codeNodeEditorRef"
-					:class="['ph-no-capture', 'code-editor-tabs', $style.editorInput]"
+					:class="['ph-no-capture', 'code-editor-tabs', $style.editorInput, $style.fillHeight]"
 				/>
 				<slot name="suffix" />
 			</el-tab-pane>
@@ -439,6 +441,12 @@ function onAiLoadEnd() {
 </style>
 
 <style lang="scss" module>
+.tabs {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
 .code-node-editor-container {
 	position: relative;
 }