Откроется выпадающий список реагирования - PullRequest
Новая
       9

Откроется выпадающий список реагирования

0 голосов
/ 26 февраля 2019

У меня есть пользовательский модал, в котором у меня есть 2 реактивных компонента.Модальное тело готово к автоматической прокрутке, если содержимое превышает его размер, но раскрывающийся список компонентов реагировать на выбор открывается внутри модального с этим переполнением, что я не ищу.Без переполнения работает нормально.

Я работаю с модулями CSS. 

<div className={styles.modalBody}>
    {this.props.children}
</div>

.modalBody {
    padding: padding;
    flex: 1 1 auto;
    height: 45vh;
    max-height: 100%;
    overflow: auto;
}

<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}/>

Как это исправить?Спасибо!:)

1 Ответ

0 голосов
/ 27 февраля 2019

Вы хотите посмотреть на menuPortalTarget опору.В расширенной документации есть тема , в частности, с модальным примером.Что-то вроде: 

  <Select
    {...otherProps}
    menuPortalTarget={document.body} />
...