This is a regression, the same demo was working when we landed crrev.com/1800143002.

0. Take a touch-enable device (or touch emulation).
1. Enable chrome://flags/#enable-experimental-web-platform-features,
   to enable both PointerEvents and unidirectional touch-action
   (left, right, up, down).
1. Go to https://output.jsbin.com/dunuve
2. For each box, touch-drag in all 4 directions.

Expected: in each box, pointercancel should be fired only for directions panning is allowed.

Actual: pan-left, pan-right, pan-up, pan-down doesn't work, behave as touch-action:auto.