title: React JS : React Select Dropdown position to top if there is no space below
body: <p>I am using <a href="https://www.npmjs.com/package/react-select" rel="noreferrer">React Select</a></p>
  
  <p>I want its Dropdown position to be dynamic. let's say if there is no space below it, then the dropdown should be opened to above select box.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;Select
    value={selectedOption}
    onChange={this.handleChange}
    options={options}
  /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is there any option to make dropdown position dynamic?</p>
  
  <p>Any help would be great.</p>
  
  <p>Thank You.</p>