From f4678a1ebaa13e90d82808baba0a9dbfd001db6a Mon Sep 17 00:00:00 2001 From: Timothy Sullivan Date: Tue, 20 Jun 2023 22:25:11 -0700 Subject: [PATCH] smooth out autofocus code --- .../global_search_bar/public/components/search_bar.tsx | 10 ++-------- 1 file changed, 2 insertions(+), 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 index 1648becaff819..c33416c5aaedf 100644 --- 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 = ({ singleSelection={true} renderOption={(option) => euiSelectableTemplateSitewideRenderOptions(option, searchTerm)} searchProps={{ + autoFocus: chromeStyle === 'project', value: searchValue, onInput: (e: React.UIEvent) => 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,