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:

  1. Load this page normally in Chrome on an Android device. Observe it fills the screen.
  2. Tap the address/URL bar to focus it.
  3. Tap the URL again to show the Reload icon/button.
  4. Tap the Reload icon/button.
  5. Observe: The initial height of the blue container may be significantly taller than the actual viewport.
  6. Scroll the page slightly (if possible).
  7. Observe: The container height should snap back to the correct viewport height.

See browser console for diagnostic height logs (if script is enabled).