モバイルで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

Artemsに似た修正は、私が0PXに違反している入力の境界線を設定します。これは、任意のサイズの携帯電話のために美的にそれを取り除くでしょう。

Answer 2

私はそれをすることにより、入力の幅を小さくハッキング、私はサイズを何度も拾います。