title: SemanticUI Search - Dropdown selection does not populate input
body: <p>I'm building an input component using Semantic UI React. I want it to open the dropdown whenever in focus, instead of the default behavior, which is to show results when the user changes the search string. I'm using the props available on their website <a href="https://react.semantic-ui.com/modules/search/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Here's some of my relevant code: </p>
  
  <pre><code>constructor(props) {
    super(props);
    this.handleResultSelect = this.handleResultSelect.bind(this);
    this.handleFocusSearch = this.handleFocusSearch.bind(this);
    this.handleBlurSearch = this.handleBlurSearch.bind(this);
    this.state = ({
      results: [{
        "title": "Roob, Cummerata and Watsica"
      },
      {
        "title": "Stanton, Kessler and Walsh"
      },
      {
        "title": "Boyle, Schuppe and Renner"
      }],
      value: '',
      open: false,
    });
  }
  
  handleBlurSearch () {
    this.setState({ 
      open: false,
      focused: false,
    });
  }
  
  handleFocusSearch () {
    this.setState({ 
      open: true,
      focused: true,
    });
  }
  
  handleResultSelect(e, {result}) {
    this.setState({ value: result.title });
  }
  
  render() {
    var searchProps = {
      input: &lt;input className='custom-form-field' placeholder={this.props.placeholder}/&gt;,
      open: this.state.open,
      onFocus: this.handleFocusSearch,
      onBlur: this.handleBlurSearch,
      results: this.state.results,
      onResultSelect: this.handleResultSelect,
      value: this.state.value,
    };
  
    return ( 
      &lt;SemanticUI.Search {...searchProps} /&gt;
    );
  }
  </code></pre>
  
  <p>However, on selecting a result, the result title value is not set in the input value. Moreover, on debugging, I found that <code>handleResultSelect</code> was not even being called. </p>
  
  <p>My first guess is that <code>onBlur</code> causes the results dropdown to close, and the result select event is ignored. I'm not sure though; I'm very new to React and Semantic.</p>
  
  <p>Any help figuring this out would be welcome.</p>