White Space at the Bottom on IOS Safari

Question

hunainhashim OP

Created May ’22

Replies 1

Boosts 2

Views 4.4k

Participants 2

When I am applying the CSS property "position: fixed" on the body a white space appears at the bottom of the screen.

steps to reproduce the issue:

open any page on ios safari
hide the address bar by scrolling up
apply css property position fixed on body

You will see the extra space at the bottom of the screen. This area will be filled with address bar if the address bar is open.

Boost

Answer 1

jedgrant OP

Oct ’22

There's a workaround for this when you set html and body to 100vh. However, if you have a text area you tap into, and then the keyboard collapses, you have another gap in the case as well.

0