From 8aad7dbaf69d7e2826f8798b6682d269c6c6f37f Mon Sep 17 00:00:00 2001
From: Eti Ijeoma <53005190+Aijeyomah@users.noreply.github.com>
Date: Tue, 25 Mar 2025 14:31:12 +0100
Subject: [PATCH] fix(editor): Handle Leading Spaces in Workflow Search
 (#13889)

---
 .../Node/NodeCreator/NodesListPanel.test.ts      | 16 ++++++++++++++++
 .../Node/NodeCreator/Panel/SearchBar.vue         |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/editor-ui/src/components/Node/NodeCreator/NodesListPanel.test.ts b/packages/frontend/editor-ui/src/components/Node/NodeCreator/NodesListPanel.test.ts
index bdc2b86816..4bd7e98baf 100644
--- a/packages/frontend/editor-ui/src/components/Node/NodeCreator/NodesListPanel.test.ts
+++ b/packages/frontend/editor-ui/src/components/Node/NodeCreator/NodesListPanel.test.ts
@@ -247,5 +247,21 @@ describe('NodesListPanel', () => {
 			await nextTick();
 			expect(screen.queryAllByTestId('item-iterator-item')).toHaveLength(9);
 		});
+
+		it('should trim search input before emitting update', async () => {
+			renderComponent();
+			await nextTick();
+
+			expect(screen.queryByTestId('node-creator-search-bar')).toBeInTheDocument();
+			await fireEvent.input(screen.getByTestId('node-creator-search-bar'), {
+				target: { value: '    Node 1' },
+			});
+			await nextTick();
+
+			expect(screen.queryAllByTestId('item-iterator-item')).toHaveLength(1);
+			expect(screen.queryByText('Node 1')).toBeInTheDocument();
+
+			expect(screen.getByTestId('node-creator-search-bar')).toHaveValue('Node 1');
+		});
 	});
 });
diff --git a/packages/frontend/editor-ui/src/components/Node/NodeCreator/Panel/SearchBar.vue b/packages/frontend/editor-ui/src/components/Node/NodeCreator/Panel/SearchBar.vue
index 57b0184340..d7a9f224bf 100644
--- a/packages/frontend/editor-ui/src/components/Node/NodeCreator/Panel/SearchBar.vue
+++ b/packages/frontend/editor-ui/src/components/Node/NodeCreator/Panel/SearchBar.vue
@@ -28,7 +28,7 @@ function focus() {
 
 function onInput(event: Event) {
 	const input = event.target as HTMLInputElement;
-	emit('update:modelValue', input.value);
+	emit('update:modelValue', input.value.trim());
 }
 
 function clear() {