Chrome Android 66 innerHeight doesn't change after swipe

[joeytrout]

The window.innerHeight value changes when the URL Bar at the top is visible and hidden. But after swiping, it is locked. This bug only happens on Chrome Android. I've created a element with position:fixed, top:0, bottom:0, border:solid 10px red.

• The screenshots show what it looks like before swiping with URL Bar visible and hidden. The fixed element on the right adapts to the height.
• After swiping, the fixed element is locked to the height that it is in at the time of swiping. The third screenshot shows what happens when the URL Bar is visible when swiping happens, then it is hidden after scrolling.
• Also, the tap position is also about 1 cm off when this happens, ie. if there is a link there, you need to tap about 1cm higher to click on it.
• The code is here but you will need to be in from a html file on Chrome android: https://jsfiddle.net/yoenf6mw/

[robozevel]

Seems to be triggered when touch-action is set to pan-y in Chrome for Android, which hammer.js does by default. Set it to auto when initializing to workaround it. There's an open Chromium issue

new Hammer(myElement, { touchAction: 'auto' })

[joeytrout]

Amazing. Thanks for helping out.