Issue
If you open a modal (position absolute or fixed) when bottom navigation is collapsed, bottom navigation area remains with empty area. I think the area is browser area, so there is no way to get rid of the area by css or javascript.
Is there any way to remove the empty area?
- I set body position to fixed to prevent body scroll. It seems to occur when body position is fixed
Safari-15 bottom navigation area issue video
CodePudding user response:
i had the same issue.I use bootstrap (4.1v) and set
.modal .modal-dialog-centered {
min-height: 100vh;
}
and
body{
height:100vh;
}
Thats fix my issues with modals in IOS.