React-select 切换时显示键盘

Question

我正在使用 react-select ^1.2.1，我遇到了一个奇怪的行为。当我切换移动视图中的下拉菜单时，键盘会像屏幕截图一样打开

我里面的组件是这样的：

render() {
    return (
      <div className="quantity">
        <input
          id={this.props.id}
          type="number"
          name={this.props.input.name}
          value={this.props.currentTravelersNumber}
          className="person-selector"
        />
        <div
          role="presentation"
          className="quantity-button quantity-up"
        >
          +
        </div>
        <div
          role="presentation"
          className="quantity-button quantity-down"
        >
          -
        </div>
  </div>

有什么建议吗？也许是输入标签？？

Answer 1

我认为您应该在输入中添加属性 "readonly" 以避免此元素的默认行为。

<input
  id={this.props.id}
  type="number"
  name={this.props.input.name}
  value={this.props.currentTravelersNumber}
  className="person-selector"
  readonly
/>

React-select 切换时显示键盘

React-select shows keyboard when is toggled

javascript

reactjs

react-select