EuiComboBox: Sets focus back to the input element after each scroll (#…

…2589) * Sets focus back to the input element after each scroll * Adds PR number to CHANGELOG
elastic · Dec 3, 2019 · 489ca6a · 489ca6a
1 parent 72de239
commit 489ca6a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@ No public interface changes since `16.2.0`.
 **Bug fixes**
 
 - Fixed `EuiSwitch` clicking on disabled label ([#2575](https://github.com/elastic/eui/pull/2575))
+- Fixed `EuiComboBox` options list closing when clicking outside the component after scrolling ([#2589](https://github.com/elastic/eui/pull/2589))
 
 ## [`16.1.0`](https://github.com/elastic/eui/tree/v16.1.0)
 

diff --git a/src/components/combo_box/__snapshots__/combo_box.test.js.snap b/src/components/combo_box/__snapshots__/combo_box.test.js.snap
@@ -466,6 +466,7 @@ exports[`props singleSelection selects existing option when opened 1`] = `
  onCloseList={[Function]}
  onOptionClick={[Function]}
  onOptionEnterKey={[Function]}
+ onScroll={[Function]}
  optionRef={[Function]}
  options={
  Array [

diff --git a/src/components/combo_box/combo_box.js b/src/components/combo_box/combo_box.js
@@ -723,6 +723,7 @@ export class EuiComboBox extends Component {
  fullWidth={fullWidth}
  rootId={this.rootId}
  onCloseList={this.closeList}
+ onScroll={() => this.searchInput.focus()}
  />
  </EuiPortal>
  );