Bootstrap 複数モーダルを閉じた時に不具合がある時

投稿者:

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しないみたいなオプションあってもいんじゃね、と思ったけど複数表示に対応してないならしょうがないか🤔(あったらゴメン)