打开选项列表时,react-select不集中输入

时间:2019-08-30 22:27:01

标签: reactjs react-select

打开下拉列表时,选择组件(https://react-select.com)始终使输入集中。在移动设备上不希望这样做,因为它会导致虚拟键盘始终打开。 我们希望用户能够点击“选择”组件右侧的下拉指示器图标,并在不集中输入内容的情况下查看选项,但是,如果用户点击输入上方的区域,则会将焦点赋予输入字段。

* edit:与github.com相关的问题-https://github.com/JedWatson/react-select/issues/3526

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用 isSearchable 属性并将其设置为 false?

您可以在 www.react-select.com

的第一个示例上测试此功能

点击选择,看键盘 现在取消选中“可搜索”,点击选择,你应该在没有键盘的情况下集中注意力。

我在引用的 react-select 问题中包含了图像。