This has been driving us crazy.

Bootstrap modal when opened moves the background of the page to the top of the page - then when its closed it goes back to the right place.

Anyway to keep the page from moving -

So far - updated to bootstrap 6 and updated angular

used

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.modal-open[style] {
    padding-right: 0px !important;
}

Nothing seems to be working -

To see it in please check out https://topserve.ca/order/mels and click a menu item down the page.