Fix iOS blocking swipe when scrolling

Author: Marek Rozmus

src/SwipeableListItem.js

@@ -51,15 +51,21 @@ class SwipeableListItem extends PureComponent {
 
     this.wrapper.addEventListener('touchstart', this.handleDragStartTouch);
     this.wrapper.addEventListener('touchend', this.handleDragEndTouch);
-    this.wrapper.addEventListener('touchmove', this.handleTouchMove);
+    this.wrapper.addEventListener('touchmove', this.handleTouchMove, {
+      capture: true,
+      passive: false
+    });
   }
 
   componentWillUnmount() {
     this.wrapper.removeEventListener('mousedown', this.handleDragStartMouse);
 
     this.wrapper.removeEventListener('touchstart', this.handleDragStartTouch);
     this.wrapper.removeEventListener('touchend', this.handleDragEndTouch);
-    this.wrapper.removeEventListener('touchmove', this.handleTouchMove);
+    this.wrapper.removeEventListener('touchmove', this.handleTouchMove, {
+      capture: true,
+      passive: false
+    });
   }
 
   handleDragStartMouse = event => {
@@ -104,11 +110,13 @@ class SwipeableListItem extends PureComponent {
     if (this.dragStartedWithinItem()) {
       this.setDragDirection(clientX, clientY);
 
+      if (!event.cancelable) {
+        return;
+      }
+
       if (this.isSwiping()) {
         event.stopPropagation();
-        if (event.cancelable) {
-          event.preventDefault();
-        }
+        event.preventDefault();
 
         const delta = clientX - this.dragStartPoint.x;
         if (this.shouldMoveItem(delta)) {
@@ -192,7 +200,7 @@ class SwipeableListItem extends PureComponent {
         horizontalDistance <= this.dragHorizontalDirectionThreshold &&
         verticalDistance <= this.dragVerticalDirectionThreshold
       ) {
-        return DragDirection.UNKNOWN;
+        return;
       }
 
       const angle = Math.atan2(y - startY, x - startX);