Twitter Bootstrap V4 dropdownで閉じないようにする
Tag:Web
formタグを使うとよい。
dropdown内のformタグ内はクリックしてもe.stopPrapagation()が実行されるので閉じない。
セマンティクス的に問題がある場合が多いが下記のようにする。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<div class="dropdown"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Dropdown button </button> <div class="dropdown-menu"> <form> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </form> </div> </div> |
