Bootstapのモーダルは複数表示に基本対応してないのか不具合が出るときがある
目次
2個目のモーダルを閉じた時の不具合
例えば2個モーダルを表示して、2個目のモーダルを閉じた時bodyのmodal-openというクラスがremoveされてしまう
ちょっと気持ち悪いけど2個目のModalに以下のような処理を書いとけばおk
$("#secondModal").on("hidden.bs.modal", () => {
if ($(".modal:visible").length !== 0) {
$("body").addClass("modal-open");
}
});
hidden.bs.modalというのはmodalが閉じ終わった時のイベントです
https://getbootstrap.jp/docs/4.2/components/modal/#events
他のモーダルが生きていればmodal-openクラスをremoveしないみたいなオプションあってもいんじゃね、と思ったけど複数表示に対応してないならしょうがないか🤔(あったらゴメン)