Bootstrap Modals keep adding padding-right to body after closed
.modal-open {
padding-right: 0px !important;
}
Just changed to
.modal {
padding-right: 0px !important;
}
I have just used the css fix below and it is working for me
body { padding-right: 0 !important }
This might be a glitch from Bootstrap modal. From my tests, it seems like the problem is that #adminPanel
is being initialized while #loginModal
has not been totally closed yet. The workarounds can be removing the animation by removing the fade
class on #adminPanel
and #loginModal
or set a timeout (~500ms) before calling $('#adminPanel').modal();
. Hope this helps.