diff --git a/components/Dropdown/enhanceDropdown.js b/components/Dropdown/enhanceDropdown.js index f8315bcc6..e725c3dba 100644 --- a/components/Dropdown/enhanceDropdown.js +++ b/components/Dropdown/enhanceDropdown.js @@ -108,4 +108,4 @@ const enhanceDropdown = (CompositeComponent) => class extends Component { } } -export default enhanceDropdown \ No newline at end of file +export default enhanceDropdown diff --git a/components/SearchBar/SearchBar.jsx b/components/SearchBar/SearchBar.jsx index 7478aaae8..ee9a2cf10 100644 --- a/components/SearchBar/SearchBar.jsx +++ b/components/SearchBar/SearchBar.jsx @@ -78,6 +78,10 @@ class SearchBar extends Component { this.setState({ searchState: 'focused' }) } + blur() { + this.refs.searchValue.blur() + } + handleSuggestionsUpdate(requestNo, data) { if (requestNo === this.state.maxRequestNo) { console.log('SUGGESTIONS', data) @@ -128,6 +132,7 @@ class SearchBar extends Component { if (eventKey === 13) { this.setState({ searchState: 'filled', finalTerm: this.state.searchValue }, function() { this.search() + this.blur() }) } else if (eventKey === 39) { // right arrow key is pressed const suggestion = this.state.suggestions[0]