Such a waste of time over a "new" attrbute that shouldn't be used for what you're using it for.

Did you know that if you set 100% height on HTML and BODY, it makes body -- and its children -- behave the way you want?

Why are so many people throwing vw and vh at things that % works just fine on?

Probably the same ignorance that would have someone making a DIV doing section's job, H2 doing P's job, and JavaScript to do what we don't even need JS to do.

https://codepen.io/jason-knight/pen/mdqvLqB

100% on html and body, min-height on your child sections, DONE. I tossed a wide div at the bottom to force the sideways scroll to prove it's removing the scrollbar height.

It's a lot easier to do than you're making it.. Those new fangled metrics REALLY shouldn't be used for anything more than half their dimension. Setting 100vw of 100vh is just begging for things to get pitched sideways.

The phone's chrome SHOULD overlap, that's kind of the point of it.

Unless I'm completely missing your problem. Since you keep talking about crApple's idiotic overpriced trash (not a fan) that could be the case.