title: react-select How to hide dropdown menu programmatically when 'no results found' is shown?
body: <p>Github Repo: <a href="https://github.com/JedWatson/react-select" rel="noreferrer">react-select</a></p>
  
  <p>After searching in the select box:</p>
  
  <p><a href="https://i.stack.imgur.com/Yy3IN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Yy3IN.png" alt="enter image description here"></a></p>
  
  <p>After typing a text that is not in the dropdown and enter is pressed. I want to hide the dropdown box.</p>
  
  <p>My implementation:</p>
  
  <pre><code>&lt;Select
          ref={ input =&gt; this.input = input }
          name="form-field-name"
          searchable
          autoBlur
          clearable={false}
          openOnFocus
          onInputKeyDown={this.onInputKeyDown.bind(this)}
          value={this.state.selectedOption}
          onChange={this.handleChange.bind(this)}
          options={this.props.items}
  /&gt;
  </code></pre>
  
  <p>using <code>onInputKeyDown</code> I am detecting enter keycode. What do I do to remove the dropdown there when 'No results found' is shown?</p>
  
  <pre><code>onInputKeyDown(e) {
      if (e.keyCode === keys.ENTER) {            
          console.log('on input key down');
          // How to detect 'No results found' shown?
          // And then, how to close the dropdown?
      }
  }
  </code></pre>