我正在使用React-Select版本2.4.2。在iOS Chrome,Firefox,Safari上进行测试。
我经历了documentation,但是找不到正确的道具来实现这一目标。
我希望菜单显示在移动设备上,而不显示键盘或任何iOS本机页脚。 当然,切换isDisabled不起作用,因为它会禁用整个输入和选择菜单。
将“可搜索”属性翻转为错误,实际上会禁用键盘,但在Safari和Firefox上显示带有“完成”的页脚,而在Chrome上显示带有“ X”的页脚。
理想情况下,我可以禁用输入,但仍然允许触摸选项。
示例代码:
<Select
value={selectedOption}
options={selectOptions}
onChange={handleOptionSelect}
placeholder={placeholderText}
isDisabled={false} {/* bool toggles affect entire plugin */}
blurInputOnSelect={true} {/* don't want any input/keyboard on mobile */}
readonly={true} {/* tried, didn't work */}
searchable={false} {/* disables keyboard, but still shows iOS footer with "Done" button in Safari and Firefox, and an "X" in Chrome, and zooms in when touching select element */}
/>
答案 0 :(得分:2)
尝试build.rs
或inputProps={{readOnly:true}}
。 isSearchable={ false }
不会直接展示在readonly
组件上。
答案 1 :(得分:1)
Craig,您是否尝试过将输入的字体大小设置为16px?这样可以防止在聚焦输入字段时在iOS上缩放