title: Is it possible to create a infinite scroll inside of a Semantic Form.Select
body: <p>I'm working on a project where as <a href="https://react.semantic-ui.com/addons/select/" rel="nofollow noreferrer">form.select</a> is used and I want to be able to pull more data when at the bottom of the list. Is there a way to do this? If so could you point me in the right direction.</p>
  
  <p>I have already tried the <a href="https://react.semantic-ui.com/behaviors/visibility/" rel="nofollow noreferrer">Visibility</a> behavior with Semantic and have found little luck.</p>
  
  <pre><code>&lt;Visibility offset={[10, 10]} onUpdate={this.handleUpdate}&gt;
    &lt;Form.Select
      label="Example"
      required={true}
      placeholder="Test Placeholder"
      noResultsMessage="No results found for the selected product"
      fluid={true}
      search={true}
      selection={true}
      clearable={true}
      value={value || ""}
      options={this.state.valueList}
      onChange={this.onChange.bind(value, "value")}
    /&gt;
  &lt;/Visibility&gt;
  
  </code></pre>
  
  <p>The Visibility just tracks the <code>Form.Select</code> on the page, not the dropdown selector.</p>