动态时,Modal设计的rc-time-picker位置错误

时间:2017-09-10 04:31:21

标签: html twitter-bootstrap reactjs bootstrap-modal antd

  <div>
    <Button onClick={() => this.setState({ show: true })}>Open</Button>
    <Modal
      show={this.state.show}
      onHide={() => this.setState({ show: false })}
      animation={true}
    >
      <Modal.Header closeButton>
        <Modal.Title>Modal</Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <TimePicker open getPopupContainer={triggerNode => triggerNode.parentNode}/>
        <div style={{ height: '370px' }} />
      </Modal.Body>
    </Modal>
  </div>

启用动画后,它会变为https://i.imgur.com/0r1aULs.png

没有动画:https://i.imgur.com/YTdF8rT.png

Edit ryj98no4xn

有任何线索如何解决?

0 个答案:

没有答案