Full height on Safari iOS (26.1)

[bene82]

I'm testing fullpage.js on iPhone 13 with Safari (iOS 18.x).
I'm experiencing two issues:

1. White space at bottom: Sections are not full viewport height,
   leaving a white gap at the bottom (~87px).

2. Address bar behavior: The Safari address bar remains expanded
   and doesn't auto-hide on scroll as expected.

Is this a known bug?

Thanks in advance

[alvarotrigo]

1. White space at bottom: Sections are not full viewport height,
   leaving a white gap at the bottom (~87px).

Isn't this the Address bar space?
People don't usually want to hide stuff behind it, as those wouldn't be reachable (inputs, backgrounds, etc)

Address bar behavior: The Safari address bar remains expanded
and doesn't auto-hide on scroll as expected.

We developers, have no control over the address bars.
In the past, iOS was hiding when using scrollBar:true. But apparently not anymore.

Only when using normal scroll via autoScrolling:false or when in responsive mode.

It looks like with iOS > 15, programmatic scrolling (scrollTo, scrollIntoView) does NOT trigger the hide of the addressbar anymore.
Not a bug, but intentionally.

[alvarotrigo]

Regarding point 1: #4674

[bene82]

Hi @alvarotrigo and thanks for your reply.
I want to achieve something like this:

Is this possible?

[alvarotrigo]

You can get to this result by using scrollBar:true:

Then, as long as you have all sections the same color, the easy way is using the same color as the background of the page:

body{
    background: #40afff;
}

If you have different colors per section, then change the background color of the page dynamically and you should get the same result.

[c9mb]

Having said that, I note that fullPage.css uses 'vh' - e.g. 100vh used in multiple places - when it's generally accepted that 'svh' (and svw for that matter) is the 'safe' viewport dimension for dealing with the various dynamic system encroachments - important if trying to position an element in view at the bottom edge.