PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: wheel event handled twice issue (#1050)

Browse source
This commit is contained in:
Peng Xiao 2022-12-03 21:10:19 +08:00 committed by GitHub
parent d155ac5968
commit 8404528aa6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/core/src/hooks/useZoomEvents.ts
View file

@ -12,6 +12,7 @@ export function useZoomEvents<T extends HTMLElement>(
const rOriginPoint = React.useRef<number[] | undefined>(undefined) const rOriginPoint = React.useRef<number[] | undefined>(undefined)
const rPinchPoint = React.useRef<number[] | undefined>(undefined) const rPinchPoint = React.useRef<number[] | undefined>(undefined)
const rDelta = React.useRef<number[]>([0, 0]) const rDelta = React.useRef<number[]>([0, 0])
const rWheelLastTimeStamp = React.useRef<number>(0)
const { inputs, bounds, callbacks } = useTLContext() const { inputs, bounds, callbacks } = useTLContext()
@ -32,7 +33,9 @@ export function useZoomEvents<T extends HTMLElement>(
const handleWheel = React.useCallback<Handler<'wheel', WheelEvent>>( const handleWheel = React.useCallback<Handler<'wheel', WheelEvent>>(
({ event: e }) => { ({ event: e }) => {
e.preventDefault() e.preventDefault()
if (inputs.isPinching) return if (inputs.isPinching || e.timeStamp <= rWheelLastTimeStamp.current) return
rWheelLastTimeStamp.current = e.timeStamp
const [x, y, z] = normalizeWheel(e) const [x, y, z] = normalizeWheel(e)