github/motion-canvas
1
1
Fork 0
mirror of https://github.com/motion-canvas/motion-canvas.git synced 2026-01-12 07:18:01 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): prevent timeline scroll when zooming (#162)

Browse Source
This commit is contained in:
Jacob
2023-02-03 12:24:45 +01:00
committed by GitHub
parent ba8fa9dc01
commit b8278aeb7b
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/components/timeline/Timeline.tsx
View File

@@ -140,7 +140,9 @@ export function Timeline() {
setOffset((event.target as HTMLElement).scrollLeft)
}
onWheel={event => {
if (event.shiftKey) return;
const isVertical = Math.abs(event.deltaX) > Math.abs(event.deltaY);
if (event.shiftKey || isVertical) return;
event.preventDefault();
let ratio = 1 - Math.sign(event.deltaY) * ZOOM_SPEED;
let newScale = scale * ratio;