From 2f934951bd0752b53b659e1fea0e929f45b6a62d Mon Sep 17 00:00:00 2001 From: Chris Cowan Date: Mon, 25 Feb 2019 15:22:59 -0700 Subject: [PATCH] [Infra UI] Auto focus search bar when page mounts for accessibility (#31758) * Fixes #28154 - Auto focus search bar when page mounts * Adding check --- .../components/autocomplete_field/autocomplete_field.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx b/x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx index 2a38885d491dd5..4e90ea55e43c22 100644 --- a/x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx +++ b/x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx @@ -85,6 +85,12 @@ export class AutocompleteField extends React.Component< ); } + public componentDidMount() { + if (this.inputElement) { + this.inputElement.focus(); + } + } + public componentDidUpdate(prevProps: AutocompleteFieldProps, prevState: AutocompleteFieldState) { const hasNewValue = prevProps.value !== this.props.value; const hasNewSuggestions = prevProps.suggestions !== this.props.suggestions;