语义UI React下拉菜单遮盖了搜索框

Question

我正在开发一个React应用程序，其中使用语义UI React Dropdown，用户可以在其中搜索并选择时区。 以编程方式，下拉列表可以正常工作。 除了该下拉列表之外，该列表的搜索框也将被遮盖。 见下图。 如何重新定位下拉列表？

  <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

问题已解决……与下拉列表无关，而是与左侧显示的react-datetime组件无关。 它带有我修改过的CSS，与Dropdown冲突。