Fix for non-passive event warning

marekrozmus · Feb 26, 2023 · c202f19 · c202f19
1 parent 655ce8b
commit c202f19
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 17 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/SwipeableListItem.js b/src/SwipeableListItem.js
@@ -14,11 +14,11 @@ const ActionAnimation = {
 };
 
 const DragDirection = {
-  UP: "up",
-  DOWN: "down",
-  LEFT: "left",
-  RIGHT: "right",
-  UNKNOWN: "unknown",
+  UP: 'up',
+  DOWN: 'down',
+  LEFT: 'left',
+  RIGHT: 'right',
+  UNKNOWN: 'unknown',
 };
 
 const FPS_INTERVAL = 1000 / 60;
@@ -111,7 +111,9 @@ class SwipeableListItem extends PureComponent {
   componentDidMount() {
     this.listElement.addEventListener('mousedown', this.handleDragStartMouse);
 
-    this.listElement.addEventListener('touchstart', this.handleDragStartTouch);
+    this.listElement.addEventListener('touchstart', this.handleDragStartTouch, {
+      passive: true,
+    });
     this.listElement.addEventListener('touchend', this.handleDragEndTouch);
     this.listElement.addEventListener('touchmove', this.handleTouchMove, {
       capture: true,