Fix focus state of the changing all filters button after closing popo…

…ver (#93475) (#94919)
elastic · Mar 18, 2021 · 8a54a3d · 8a54a3d
1 parent 1592e3c
commit 8a54a3d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/plugins/data/public/ui/filter_bar/filter_options.tsx b/src/plugins/data/public/ui/filter_bar/filter_options.tsx
@@ -27,6 +27,8 @@ interface State {
 }
 
 class FilterOptionsUI extends Component<Props, State> {
+ private buttonRef = React.createRef<HTMLButtonElement>();
+
  public state: State = {
  isPopoverOpen: false,
  };
@@ -39,6 +41,7 @@ class FilterOptionsUI extends Component<Props, State> {
 
  public closePopover = () => {
  this.setState({ isPopoverOpen: false });
+ this.buttonRef.current?.focus();
  };
 
  public render() {
@@ -151,6 +154,7 @@ class FilterOptionsUI extends Component<Props, State> {
  defaultMessage: 'Change all filters',
  })}
  data-test-subj="showFilterActions"
+ buttonRef={this.buttonRef}
  />
  }
  anchorPosition="rightUp"