代码之家  ›  专栏  ›  技术社区  ›  Avery235

rc时间选择器在移动设备上未正确显示

  •  1
  • Avery235  · 技术社区  · 7 年前
      <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 .

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

    enter image description here

    知道怎么了吗?

    Edit 14k8o6jzx3

    2 回复  |  直到 7 年前
        1
  •  1
  •   H Le    7 年前

    与Artems类似,我将有问题的输入的边界设置为0px。这将摆脱它的任何尺寸的手机美容。

    sample

        2
  •  1
  •   Artem Mirchenko    7 年前

    我通过减少输入宽度来破解它,但我多次选择大小。

    enter image description here