We have been racking our brains over this issue.
Whenever the Bootstrap modal is opened, it shifts the background of the page to the top and then returns it back when closed.
Is there any way to prevent this movement?
So far, we have updated to Bootstrap 6 and Angular.
We tried the following CSS:
.modal {
overflow-y: auto;
}
.modal-open {
overflow: auto;
}
.modal-open[style] {
padding-right: 0px !important;
}
Unfortunately, nothing seems to be effective.
To witness the issue, please visit and click on a menu item further down the page.