Update the hide method to fix scroll

Bootstrap.js binds on hidden on the bs.modal so you want to trigger that.

    $(document)
        .on('show.bs.modal',  '.modal', function () { $(document.body).addClass('modal-open') })
        .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') })

Otherwise the body tag will keep the modal-open tag and you cant scroll because it does overflow:none;