rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: adjust notes list swipe gesture on android

Browse Source
This commit is contained in:
Aman Harwara
2023-05-25 00:08:03 +05:30
parent 77b60d920d
commit d9e0261c80
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/web/src/javascripts/Components/Panes/usePaneGesture.ts
View File

@@ -78,12 +78,14 @@ export const usePaneSwipeGesture = (
underlayElementRef.current = element.parentElement?.querySelector(`[data-pane-underlay="${element.id}"]`) || null underlayElementRef.current = element.parentElement?.querySelector(`[data-pane-underlay="${element.id}"]`) || null
let startX = 0 let startX = 0
let startTimestamp = Date.now()
let clientX = 0 let clientX = 0
let moveTimestamp = startTimestamp
let closestScrollContainer: HTMLElement | null let closestScrollContainer: HTMLElement | null
let scrollContainerAxis: 'x' | 'y' | null = null let scrollContainerAxis: 'x' | 'y' | null = null
let canceled = false let canceled = false
const TouchMoveThreshold = 25 const TouchMoveThreshold = requiresStartFromEdge ? 25 : 45
const TouchStartThreshold = direction === 'right' ? 25 : window.innerWidth - 25 const TouchStartThreshold = direction === 'right' ? 25 : window.innerWidth - 25
const SwipeFinishThreshold = window.innerWidth / 2.5 const SwipeFinishThreshold = window.innerWidth / 2.5
@@ -100,6 +102,8 @@ export const usePaneSwipeGesture = (
const touchStartListener = (event: TouchEvent) => { const touchStartListener = (event: TouchEvent) => {
startX = 0 startX = 0
clientX = 0 clientX = 0
startTimestamp = Date.now()
moveTimestamp = startTimestamp
scrollContainerAxis = null scrollContainerAxis = null
canceled = false canceled = false
@@ -193,14 +197,18 @@ export const usePaneSwipeGesture = (
const touch = event.touches[0] const touch = event.touches[0]
clientX = touch.clientX clientX = touch.clientX
moveTimestamp = Date.now()
const deltaX = clientX - startX const deltaX = clientX - startX
if (Math.abs(deltaX) < TouchMoveThreshold) { if (deltaX < TouchMoveThreshold) {
return return
} }
if (closestScrollContainer && closestScrollContainer.style.overflowY !== 'hidden') { const timestampDelta = moveTimestamp - startTimestamp
const canDisableScroll = requiresStartFromEdge || (timestampDelta > 150 && clientX > TouchStartThreshold)
if (closestScrollContainer && closestScrollContainer.style.overflowY !== 'hidden' && canDisableScroll) {
closestScrollContainer.style.overflowY = 'hidden' closestScrollContainer.style.overflowY = 'hidden'
} }