Home > Mobile >  Mobile Safari-15 bottom navigation area issue
Mobile Safari-15 bottom navigation area issue

Time:09-28

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.

  • Related