Окно поиска Семантического пользовательского интерфейса

Question

Я разрабатываю приложение реагирования, в котором я использую раскрывающийся список Semantic UI React, где пользователь может искать и выбирать часовой пояс.Программно выпадающий список работает нормально.За исключением того, что раскрывающийся список скрывает окно поиска раскрывающегося списка.Смотрите картинку ниже.Как изменить положение раскрывающегося списка?

  <Grid.Column width={8}>
    <div style={styleDropdownDiv}>
      <Dropdown
        placeholder='Time Zones'
        search
        selection
        fluid
        options={timeZonesDropdownData}
        value={this.state.diveSiteTimeZoneID}
        onChange={this.onTimeZoneChange}
      />
    </div>
  </Grid.Column>


const styleDropdownDiv = {
  padding: '0px',
  marginTop: '15px'
};

введите здесь код

Answer 1

Проблема решена… она не имела ничего общего с выпадающим списком, а скорее с компонентом реагирования-даты и времени, отображаемым слева.Он пришел с CSS, который я изменил, что противоречило выпадающему.