fix(SearchInput): retain focus on input field after clearing with "…

…x" icon (#678)
trendmicro-frontend · Feb 2, 2023 · 754c8f3 · 754c8f3
1 parent c3ed710
commit 754c8f3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/react/src/search-input/SearchInput.js b/packages/react/src/search-input/SearchInput.js
@@ -44,7 +44,11 @@ const SearchInput = React.forwardRef((
       return;
     }
 
-    inputRef.current.value = '';
+    if (inputRef.current) {
+      inputRef.current.value = '';
+      inputRef.current.focus(); // Retain focus on the input after clearing
+    }
+
     setIsClearable(false);
 
     if (typeof onClearInputProp === 'function') {