Fix modal overflow when AI is enabled in code node

n8n-io · Sep 19, 2024 · 93a54e0 · 93a54e0
1 parent 69c6e07
commit 93a54e0
Showing 1 changed file with 9 additions and 1 deletion.
diff --git 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;
 }