title: react-select dropdown opens inside modal
body: <p>I have a custom modal where I have 2 react-select components inside. The modal body is ready to auto scroll in case the content exceeds its size, but the react-select components dropdown open inside the modal with this overflow, which is what i am not looking for. Without overflow, it works fine. </p>
  
  <p>I'm working with CSS Modules.</p>
  
  <pre><code>&lt;div className={styles.modalBody}&gt;
      {this.props.children}
  &lt;/div&gt;
  
  .modalBody {
      padding: padding;
      flex: 1 1 auto;
      height: 45vh;
      max-height: 100%;
      overflow: auto;
  }
  
  &lt;Select
      id={this.props.id}
      className={styles[this.props.selectType ? this.props.selectType : 'selectWhite']}
      classNamePrefix="select"
      name={this.props.name}
      value={selectedOption ? selectedOption : this.props.value}
      placeholder={this.props.placeholder}
      onChange={this.onChange}
      options={this.props.options}
      isDisabled={this.props.disabled}
      isSearchable={false}/&gt;
  </code></pre>
  
  <p>How can I fix this? 
  Thank you! :)</p>