JavaScript
bootstrap

Bootbox.js 「モーダル中のモーダル」のスクロール問題を何とかしてみる

Bootstrap のモーダルダイアログ「Bootbox」で、モーダルの中にモーダルを作ると発生する件

bf.gif

手前をスクロールさせようとすると、奥がスクロールしてしまう。お前じゃないんだ・・
記憶が正しければ前に公式を調べたところ「モーダルinモーダル?!そんなもの対応してないに決まってるじゃないか」といった応答だったはず・・
あとはスクロールだけなんです・・

今回は時間があったので、何とかしてみました。(ダイアログの呼び出しに追記するだけ)
モーダルを閉じる時、他のモーダルが残っていたら、「まだモーダル中」とテレビ前でうたた寝するお父さんを召喚します。
(【更新】:反応が鈍かったので、改善しました。イベントの呼び出し方を勘違いしていました)

bootbox.dialog({
    //ダイアログ設定
})
.off("shown.bs.modal")
.on("hidden.bs.modal",function(){ 
    if(document.querySelectorAll(".bootbox.modal").length){
        document.body.classList.add("modal-open");
    }
});

とりあえず回避できた。(無理やり)
af.gif

実装例(CodePen)
https://codepen.io/RAWSEQ/pen/geBQVv

実は既に対応済みだよ等の情報あればください。