Bootstrap Modal moving page

user_10376815 0
Viewed 39

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.

bootstrap-4 twitter-bootstrap javascript
1 Answers

Remove the following properties

from you html tag:

  1. width: 100%;
  2. height: 100%;
  3. overflow: auto;

and from you body tag:

  1. width: 100%;
  2. height: 100%;

this should work.

Admin1
Related