反应选择不在移动设备上显示键盘并阻止缩放

Question

我正在使用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 */}
    />

Answer 1

尝试inputProps={{readOnly:true}}或isSearchable={ false }。 readonly不会被视为<Select />组件上的直接支撑。

Answer 2

craig，您是否尝试将输入的字体大小设置为16px？这可以防止聚焦输入字段