Kevin Powell - CommunityKP-C
Kevin Powell - Community4mo ago
3 replies
klas

100dvh bug on mobile

I’ve run into this issue on several sites I’ve built, and even major sites like apple.com seem to be affected. In the attached video (from a professional studio), you can see that when I scroll down and the address bar collapses, the fixed header and footer shift, the header even disappears. This occurs in both Chrome and Safari, though it seems to work correctly in Firefox.

It feels like a very common problem, yet there isn’t much information out there about it. Is there a reliable workaround? Why hasn’t it been fixed yet?
Was this page helpful?