Fixes modal positioning on android (#26760)

[jvitela]

When address bar is hidden, sometimes the visual position of the controls is out of sync with its logical position.

[jvitela]

@MartijnCuppens, @mdo Can somebody review this changes? They've been sitting here for a while :-(

[mdo]

I don't have an Android on me at this time to test unfortunately. Anyone else?

[XhmikosR]

@mdo: You can use Browser Stack.

@MartijnCuppens: can you review please?

[MartijnCuppens]

@jvitela, can you also add this fix for .modal-backdrop?

[MartijnCuppens]

This is better, but now I see the backdrop isn't stretching at the bottom when address bar is hidden. Can you check if you can fix this @jvitela?

[jvitela]

Using viewport units for sizing .modal-backdrop solves the resizing issues and also eliminates the undesired effect of the modal jumping up and down after the address bar appears/disappears.

[mdo]

@MartijnCuppens If you confirmed latest changes fix your issues, this looks good to me. I don't have an Android phone right now to test myself.

[MartijnCuppens]

Nope, height: 100vh will make the modal scrollable if the address bar is shown. I'll check tomorrow if there's something we can do about this.

Edit:
That's normal behaviour, it needs to be scrollable so that it's possible to show the address bar when it's hidden

[MartijnCuppens]

Something went wrong here, we're looking into it