fix: syncTouch tap to stop

Author: clementroche

packages/core/src/lenis.ts

@@ -274,10 +274,13 @@ export class Lenis {
     //   return
     // }
 
+    const isClickOrTap = deltaX === 0 && deltaY === 0
+
     const isTapToStop =
       this.options.syncTouch &&
       isTouch &&
       event.type === 'touchstart' &&
+      isClickOrTap &&
       !this.isStopped &&
       !this.isLocked
 
@@ -286,8 +289,6 @@ export class Lenis {
       return
     }
 
-    const isClick = deltaX === 0 && deltaY === 0 // click event
-
     // const isPullToRefresh =
     //   this.options.gestureOrientation === 'vertical' &&
     //   this.scroll === 0 &&
@@ -298,7 +299,7 @@ export class Lenis {
       (this.options.gestureOrientation === 'vertical' && deltaY === 0) ||
       (this.options.gestureOrientation === 'horizontal' && deltaX === 0)
 
-    if (isClick || isUnknownGesture) {
+    if (isClickOrTap || isUnknownGesture) {
       // console.log('prevent')
       return
     }
@@ -360,7 +361,7 @@ export class Lenis {
 
     event.preventDefault()
 
-    const syncTouch = isTouch && this.options.syncTouch
+    const isSyncTouch = isTouch && this.options.syncTouch
     const isTouchEnd = isTouch && event.type === 'touchend'
 
     const hasTouchInertia = isTouchEnd && Math.abs(delta) > 5
@@ -371,9 +372,10 @@ export class Lenis {
 
     this.scrollTo(this.targetScroll + delta, {
       programmatic: false,
-      ...(syncTouch
+      ...(isSyncTouch
         ? {
             lerp: hasTouchInertia ? this.options.syncTouchLerp : 1,
+            // immediate: !hasTouchInertia,
           }
         : {
             lerp: this.options.lerp,

playground/core/test.ts

@@ -12,6 +12,7 @@ document
 
 const lenis = new Lenis({
   autoRaf: true,
+  syncTouch: true,
   // autoResize: false,
   // lerp: 0.9,
   // virtualScroll: (e) => {

playground/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.0.1",
   "scripts": {
-    "dev": "astro dev",
+    "dev": "astro dev --host",
     "start": "astro dev",
     "build": "astro check && astro build",
     "preview": "astro preview",