LoginSignup
0
1

native-baseのModalでスクロールした際に、checkboxやradioボタンだとクリックした箇所にスクロールしてしまう

Posted at

【前提】
・nativebaseのModalを使っている。
・そのモーダルは表示内容が多く、スクロールさせるようになっている。
・checkboxかradioボタンがそのモーダルに存在している

【事象】
①native-baseのModalを使って、何か初期表示の箇所のcheckboxやradioボタンをクリックする。
②その後、Modalのスクロールを行い、別のcheckboxかradioボタンをクリックする。
※InputやSelectでは発生しない
③①でクリックした箇所に勝手にスクロールが戻ってしまう。

【解決策】

<Modal.Body p="0" _scrollview={{ focusable: false }}>
   {children}
</Modal.Body>

_scrollview={{ focusable: false }}
をModal.Bodyに入れると解決する。

【備考】
そもそもnativebaseをReact環境で使うという変わった状態かもしれませんが、そういう状況が起きました。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1