litruv/cinny
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Improve drag threshold handling in useInertialHorizontalScroll hook

Browse Source
This commit is contained in:
Litruv
2026-05-17 17:07:49 +10:00
parent ba31d65568
commit 8de528da9a
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/hooks/useInertialHorizontalScroll.ts
View File

@@ -236,11 +236,18 @@ export function useInertialHorizontalScroll(
const deltaPrimary = currentPrimary - state.startPrimary; const deltaPrimary = currentPrimary - state.startPrimary;
const now = evt.timeStamp; const now = evt.timeStamp;
const deltaTime = Math.max(now - state.lastTime, 1); const deltaTime = Math.max(now - state.lastTime, 1);
const hasExceededThreshold = Math.abs(deltaPrimary) >= resolvedOptions.dragThreshold;
if (Math.abs(deltaPrimary) >= resolvedOptions.dragThreshold) { if (hasExceededThreshold) {
state.moved = true; state.moved = true;
} }
if (!state.moved) {
state.lastPrimary = currentPrimary;
state.lastTime = now;
return;
}
evt.preventDefault?.(); evt.preventDefault?.();
if (isHorizontal) { if (isHorizontal) {
@@ -272,8 +279,6 @@ export function useInertialHorizontalScroll(
const isHorizontal = resolvedOptions.axis === 'x'; const isHorizontal = resolvedOptions.axis === 'x';
stopInertia(); stopInertia();
evt.preventDefault();
evt.stopPropagation();
state.activePointerId = evt.pointerId; state.activePointerId = evt.pointerId;
state.startPrimary = isHorizontal ? evt.clientX : evt.clientY; state.startPrimary = isHorizontal ? evt.clientX : evt.clientY;