143305 2015-04-01 06:57:56 -0700 Viewport relative vh unit needs to update values based upon dynamic tab/address chrome 2022-07-19 07:09:10 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) iPhone / iPad iOS 8.2 NEW P2 Normal --- 1 contact webkit-unassigned bfulgham gsnedders jensimmons oldest_to_newest 1081990 0 contact 2015-04-01 06:57:56 -0700 The vh unit specifies one proportion of the viewport height. Therefore 100vh should be the entire viewport height. A problem occurs in Safari due to the dynamic tab/address bar that resizes on scroll (and consequently means the viewport height changes). In previous implementations of iOS the minimal-ui meta tag allowed a consistent viewport but the current version (8.2 at time of filing) has deprecated this tag. This problem manifests when scrolling panels are created by creating container divs with a viewport height of 100vh. The scrolling panels don't get the vh value updated when the address bar chrome resizes leading to a double-scroll scenario. You can see this issue here: http://benfrain.com/playground/scroll-test.html In the absence of an implementation that facilitates this, is there any chance of getting some form of meta tag that prevents the address bar chrome resizing? 1885071 1 gsnedders 2022-07-19 07:09:10 -0700 I think practically this has been entirely solved with the new viewport units in Level 4 (dvh, svh, lvh, etc.)?