← Back to context

Comment by miunau

1 month ago

This is solved by using dvh (or svh) instead of 100% for height in the CSS.

A small amount of searching suggests that dvh and svh have semantics on Mobile Safari that are, at best, confusing.

But I think this misses the point. Mobile Safari has a heuristically auto-hiding “toolbar”, and the heuristic is far from perfect, and the toolbar overlays the content, and Safari tries to offer some features that maybe let webpages move their content out of the way when hidden. And the result works poorly sometimes.

Fundamentally, doing a good job of having a control sitting on the section of the screen that shows content and mitigating the risk that the control obscures the content is hard.