rc-time-picker无法在移动设备上正确显示

Question

  <div>
    <Button onClick={() => this.setState({ show: true })}>Open</Button>
    <Modal
      show={this.state.show}
      onHide={() => this.setState({ show: false })}
      animation
    >
      <Modal.Header closeButton>
        <Modal.Title>Modal</Modal.Title>
      </Modal.Header>

      <Modal.Body>
        <TimePicker open getPopupContainer={triggerNode => triggerNode.parentNode}/>
        {[...Array(11).keys()].map(() => <div>Scroll down</div>)}
      </Modal.Body>
    </Modal>
  </div>

我正在使用the rc-time-picker。

即使窗口最小化，它也能在桌面上正确显示。

但在移动设备上它看起来像这样（下拉列表位于输入框的左侧）：

知道什么是错的吗？

Answer 1

我通过减少输入宽度来破解它，但我多次拾取尺寸。

Answer 2

与Artems类似的修复，我将违规输入的边界设置为0px。对于任何尺寸的手机，这都将在美容上摆脱它。