Pan/Swipe issues on mobile Chrome w/ overflow: auto children

[kirschre]

Versions

Hammer.js 2.0.8, Chrome 58, Windows 7

Reproducer

https://codepen.io/kirschre/full/bWjoaJ

Steps

Open this page on Chrome mobile and attach a debugger - alternatively, open in Chrome, load developer tools (ctrl + shift + i), open device emulation mode (ctrl + shift + m). The reproducer just prints the names of swipe/pan events as they are generated. Click and drag (or swipe/pan) starting from the green area and observe the console output. Then, do the same actions, starting from the red area, and observe the console output.

Expected Behaviour

Swipe/pan events should behave the same way in each area, regardless of whether a child element has overflow: auto or not.

Observed Behaviour

Pan/Swipe events work as expected through the green area. In the regular desktop view, they work as expected in the red area as well. However, on mobile Chrome, and in desktop Chrome's mobile device view, events coming from the area with overflow property behave strangely. Swipe events don't seem to be fired ever, and pan events fire sporadically. Occasionally panend/pancancel will not fire after pan events. Hopefully I'm just missing something simple, but I haven't been able to find anything related in documentation/issues/SO.

[kirschre]

Discovered I was missing touch-action on the child with overflow. Other problems still remain, but closing this as a duplicate of #1050 and #1056.