From 738268c273d07a5f2f3ef4e0fdb0d5d9bfc49aa9 Mon Sep 17 00:00:00 2001
From: Adrien Delannoy <a.delannoyfr@gmail.com>
Date: Thu, 11 Jul 2024 13:11:18 +0200
Subject: [PATCH] feat: update autoHighlight to false

Signed-off-by: Adrien Delannoy <a.delannoyfr@gmail.com>
---
 ui/src/app/shared/components/input-filter.tsx                   | 2 ++
 .../workflows/components/workflow-filters/workflow-filters.tsx  | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/shared/components/input-filter.tsx b/ui/src/app/shared/components/input-filter.tsx
index ecfec175e78a..c73cb4c7e9e4 100644
--- a/ui/src/app/shared/components/input-filter.tsx
+++ b/ui/src/app/shared/components/input-filter.tsx
@@ -9,6 +9,7 @@ interface InputProps {
     name: string;
     onChange: (input: string) => void;
     filterSuggestions?: boolean;
+    autoHighlight?: boolean;
 }
 
 export function InputFilter(props: InputProps) {
@@ -58,6 +59,7 @@ export function InputFilter(props: InputProps) {
                 }}
                 renderInput={renderInput}
                 filterSuggestions={props.filterSuggestions}
+                autoHighlight={props.autoHighlight}
             />
             <a
                 onClick={() => {
diff --git a/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx b/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx
index 08ed27997cec..58c865f6fc36 100644
--- a/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx
+++ b/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx
@@ -115,7 +115,7 @@ export function WorkflowFilters(props: WorkflowFilterProps) {
                             ))}
                         </ul>
                     </DropDown>
-                    <InputFilter value={props.nameValue} name='wfNameFilter' onChange={value => props.setNameValue(value)} filterSuggestions />
+                    <InputFilter value={props.nameValue} name='wfNameFilter' onChange={value => props.setNameValue(value)} filterSuggestions autoHighlight={false} />
                 </div>
                 <div className='columns small-2 xlarge-12'>
                     <p className='wf-filters-container__title'>Labels</p>