問題:
第2モーダル画面を閉じた際に第1モーダル画面がスクロール不可になる現象
この問題は、第1モーダル画面→第2モーダル画面へと遷移した後、
入力内容を修正するために第2モーダル画面を閉じて第1モーダル画面に戻ると
スクロールができない状態になってしまう現象。
原因:
第2モーダル画面を閉じる際に、<body>
にあるスクロールするために必要なクラス(modal-open)を削除してしまうことが原因のため、
解決した方法:
第2モーダル画面を閉じる際に再度クラスを付与してあげる必要があった。
以下、解決内容
$('#confirmModal').on('hidden.bs.modal', function () { //#confirmModalは第2モーダルを開くときに押下した<button>のdata-target="#confirmModal"
$('body').addClass('modal-open');
});
※'hidden.bs.modal'はモーダル・ダイアログが完全に非表示になった時のイベントみたい
参考url