语义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

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