smooth out autofocus code

elastic · Jun 21, 2023 · f4678a1 · f4678a1
1 parent 50cb308
commit f4678a1
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/x-pack/plugins/global_search_bar/public/components/search_bar.tsx b/x-pack/plugins/global_search_bar/public/components/search_bar.tsx
@@ -312,17 +312,11 @@ export const SearchBar: FC<SearchBarProps> = ({
       singleSelection={true}
       renderOption={(option) => euiSelectableTemplateSitewideRenderOptions(option, searchTerm)}
       searchProps={{
+        autoFocus: chromeStyle === 'project',
         value: searchValue,
         onInput: (e: React.UIEvent<HTMLInputElement>) => setSearchValue(e.currentTarget.value),
         'data-test-subj': 'nav-search-input',
-        inputRef: (input) => {
-          setSearchRef(input);
-          if (chromeStyle === 'project' && input) {
-            // while the input ref is in flight, we set focus on it
-            // to autofocus the input when it appears
-            input.focus();
-          }
-        },
+        inputRef: setSearchRef,
         compressed: true,
         'aria-label': i18nStrings.placeholderText,
         placeholder: i18nStrings.placeholderText,