Snap Scroll on mobile - bottom page doesn't fully show

[GNP]

Hi,

So far Snap Scroll is working pretty good on mobile, except this time, for the last bottom page.

I've set the column height of this Layout Grid page to "100vh", so technically the entire grid should fill up the mobile screen. I've done this for every page section, and they all work nicely, except for the last bottom section page.

But it is not doing so - a small fraction of the 2nd last page still shows above the very last page, within the mobile screen.

All is good on desktop version. Just the mobile version having this little very annoying problem.

Attached is the project file.

https://drive.google.com/drive/folders/ ... sp=sharing

Currently the problem exists in the online version of the website here:
https://www.graynoteprods.com

Can anyone help confirm this problem on their mobiles? Android or Apple, doesn't matter. Any help will be much appreciated. Thanks.

[Pablo]

Note that 100vh only works if you are sure the content is never larger then the viewport, otherwise the content will clip or overflow.

[GNP]

Thanks for the reply, Pablo!

I'm actually pretty sure the content is not larger than the viewport.

In fact I just tried making some of the text smaller, reduced paddings. Still the same problem - the grid doesn't fully show on the viewport.

Any suggestions would be greatly appreciated!

[Pablo]

What exactly do I need to do to see the issue?

[GNP]

Attached is the project file.

https://drive.google.com/drive/folders/ ... drive_link

Scroll right down to the last grid. It's ID name is "CollabBottom". The Snap Scroll snaps to this ID bookmark.

Perhaps you could take a look at it and see if you can find anything wrong with what I've done. Thanks man!

[Pablo]

I'm sorry I do not see it.
I have tried on desktop and mobile.
Can you please be more specific. What do you see?

[GNP]

Basically this is what I see on my Samsung Android phone. As you can see, the remnants of the 2nd last grid (dark brown background) bleeds into the viewport from the top.

And the only content in this very last bottom grid, is just text and small-sized social media logos. They clearly do not take up more than the viewport.

[Pablo]

I do not have a samsung, but it looks ok on my iphone.

Note however that this is a standard HTML feature

[GNP]

Oh it does? Hmm okay. Well that's good to know. Then maybe it could be a Samsung thing. I'll look into it, and will post back here with any updates.

Thanks Pablo!

[GNP]

Just checked - Samsung Internet Browser works okay, although it doesn't fully display some text.

Firefox Android is the one that has the problem. Interesting....

[crispy68]

I have a Samsung Galaxy Note20 and I checked your site on Chrome, Firefox and the samsung browser. It looked fine on all three browsers for me.

I find sometimes using 100vh for mobiles can be kind of janky from phone to phone, browser to browser especially if the browser/phone has a bottom menu area.

[GNP]

Oh, okay! Thanks for helping to check. Really appreciate it man. Good to know. Thanks again!