反应选择,向下箭头不打开下拉列表

时间:2018-01-18 14:44:33

标签: react-select

使用版本“1.2.1”,向下箭头不会打开菜单。我在演示示例中看到了这个工作,我使用相同的代码。

<Select
id="state-select"
ref={(ref) => { this.select = ref; }}
onBlurResetsInput={false}
onSelectResetsInput={false}
autoFocus
options={options}
simpleValue
clearable={true}
name="selected-state"
disabled={false}
value={true}
onChange={this.onChange}
searchable={false}
/>

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,最可能的原因是您使用的其他样式,因为如果容器具有react-selectoverflow: hidden无法正常工作,并且在{{ 1}}。

尝试修改容器的样式,或完全移除外部css,看看它是否可以解决问题。

答案 1 :(得分:0)

来不及回答,但我最近遇到了同样的问题。 确实,react-select 存在溢出问题。你能做的是,

  1. 将您的容器位置设置为绝对/固定,没有固定高度
  2. 将您的容器设置为具有相对位置的固定高度,它会起作用

试试这个