Reactjs 反应选择不在移动设备上显示键盘并防止缩放
我正在使用React Select版本2.4.2。在iOS Chrome、Firefox、Safari上测试 我已经通过了测试,但是找不到正确的道具来让这一切发生 我想在手机上显示菜单,但不想显示键盘或任何iOS本机页脚。 当然,切换isDisabled不起作用,因为它会禁用整个输入和选择菜单 将可搜索属性翻转为false实际上会禁用键盘,但会在Safari和Firefox上显示一个带有Done的页脚,在Chrome上显示一个X 理想情况下,我可以禁用输入,但仍然允许触摸选择选项 示例代码:Reactjs 反应选择不在移动设备上显示键盘并防止缩放,reactjs,react-select,Reactjs,React Select,我正在使用React Select版本2.4.2。在iOS Chrome、Firefox、Safari上测试 我已经通过了测试,但是找不到正确的道具来让这一切发生 我想在手机上显示菜单,但不想显示键盘或任何iOS本机页脚。 当然,切换isDisabled不起作用,因为它会禁用整个输入和选择菜单 将可搜索属性翻转为false实际上会禁用键盘,但会在Safari和Firefox上显示一个带有Done的页脚,在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 */}
/>
请尝试inputProps={{readOnly:true}}或isSearchable={false}。readonly不会作为组件上的直接道具公开。Craig,您是否尝试过将输入的字体大小设置为16px?这可以防止在聚焦输入字段时在iOS上进行缩放谢谢,您在哪里找到关于inputProps的文档?放大和“完成”按钮的本机页脚仍然存在问题。感谢您从问题的本质上挖掘这一点。他们应该更新他们的文档。干杯isSearchable={false}正是我在移动设备上禁用键盘所需要的。我宁愿在聚焦输入时不打开它,但这样就可以了。