(5.x) preventDefaultTouchmoveEvent (Mobile Safari?)

Hi and thanks for all your work.

I can’t seem to prevent vertical scrolling during a left/right swipe using preventDefaultTouchmoveEvent with 5.x where 4.x works fine (iOS 12.1.4, React 16.8.3). I’m using it with onSwipedLeft and onSwipedRight and everything else default. Seeing same behavior in the example actually; any ideas or anyone else experiencing this?

[hartzis]

• found small bug with #131
• created fix #132
• published fix as react-swipeable@5.1.0-alpha.2

Still on target to release 5.1.0 this week.

[hartzis]

What we’ve discovered so far:

• only affecting safari from what i can tell
• appears related to v5’s change to how it listens to touchmove events
  • v4 used to attach the touchmove listener directly to the element
    • attaches touchmove listener BEFORE the touchstart event started
      • this appears to be why it works in v4 - https://github.com/Shopify/draggable/pull/200
  • v5 attaches the touchmove listener to document now
    • attaches touchmove listener AFTER the touchstart event starts
• Attaching touchmove to document appears to work fine for chrome, though there are some events that throw warnings #128

Bug report(s) from around the web:

• probable related ios/safari issue - https://bugs.webkit.org/show_bug.cgi?id=182521
• https://github.com/timruffles/mobile-drag-drop/issues/124
• https://github.com/metafizzy/flickity/issues/740
• https://github.com/Shopify/draggable/issues/198