title: react-select prevent menu to open onInputChange
body: <p>I'm trying to use the <code>react-select</code> component as an input and a select component.</p>
  
  <p>Doing so I would like to prevent the menu to open while the user is typing the input.</p>
  
  <p>I just can't find a way to update this behavior by either a prop or updating the <code>onInputChange</code> method.</p>
  
  <p>My problem if I decide to use a controlled state with the <code>menuIsOpen</code> prop is that I can't manage to reopen the Menu control is clicked.</p>
  
  <p>Here is what I have so far, do you guys any idea of how this could be achieved ?</p>
  
  <pre><code>&lt;StyledSelect
    components={{ IndicatorSeparator }}
    {..._.omit(this.props, [])}
    filterOption={() =&gt; true}
    inputValue={inputValue}
    onChange={value =&gt; {
      this.select.setState({ menuIsOpen: false });
      this.setState({ selectValue: value });
    }}
    onInputChange={(value, event) =&gt; {
      if (event &amp;&amp; event.action === 'input-change') {
        this.setState({ inputValue: value });
      }
    }}
    openMenuOnClick={false}
  /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/XPRfy.png" rel="nofollow noreferrer">Example</a></p>