fix: allow vertical scroll in usePointerSwipe (#4637) (#4720)

2nofa11 · web-flow · commit d3ed667f4f75 · 2025-04-22T12:50:00.000Z
diff --git a/packages/core/usePointerSwipe/index.ts b/packages/core/usePointerSwipe/index.ts
@@ -156,8 +156,8 @@ export function usePointerSwipe(
   ]
 
   tryOnMounted(() => {
-    // Disable scroll on for TouchEvents
-    targetRef.value?.style?.setProperty('touch-action', 'none')
+    // Allow vertical scrolling, disable horizontal scrolling by touch
+    targetRef.value?.style?.setProperty('touch-action', 'pan-y')
 
     if (disableTextSelect) {
     // Disable text selection on swipe

Original file line number	Diff line number	Diff line change
`@@ -156,8 +156,8 @@ export function usePointerSwipe(`
`156`	`156`	`]`
`157`	`157`
`158`	`158`	`tryOnMounted(() => {`
`159`		`- // Disable scroll on for TouchEvents`
`160`		`- targetRef.value?.style?.setProperty('touch-action', 'none')`
	`159`	`+ // Allow vertical scrolling, disable horizontal scrolling by touch`
	`160`	`+ targetRef.value?.style?.setProperty('touch-action', 'pan-y')`
`161`	`161`
`162`	`162`	`if (disableTextSelect) {`
`163`	`163`	`// Disable text selection on swipe`