Android Chrome Height Bug Demo
This page attempts to fill the viewport height using min-height: 100%
on the main container, relative to html
and body
with height: 100%
.
Steps to Reproduce the Bug:
- Load this page normally in Chrome on an Android device. Observe it fills the screen.
- Tap the address/URL bar to focus it.
- Tap the URL again to show the Reload icon/button.
- Tap the Reload icon/button.
- Observe: The initial height of the blue container may be significantly taller than the actual viewport.
- Scroll the page slightly (if possible).
- Observe: The container height should snap back to the correct viewport height.
See browser console for diagnostic height logs (if script is enabled).