alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(panOnScroll): normalize scroll speed in different browsers closes #665

Browse Source
This commit is contained in:
Christopher Möller
2020-11-09 12:39:21 +01:00
parent c9267a1a28
commit cf34c8f48e
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/container/ZoomPane/index.tsx
+7 -2
View File
@@ -75,11 +75,16 @@ const ZoomPane = ({
event.stopImmediatePropagation(); event.stopImmediatePropagation();
const currentZoom = d3Selection.property('__zoom').k || 1; const currentZoom = d3Selection.property('__zoom').k || 1;
// increase scroll speed in firefox
// firefox: deltaMode === 1; chrome: deltaMode === 0
const deltaNormalize = event.deltaMode === 1 ? 20 : 1;
const deltaX = event.deltaX * deltaNormalize;
const deltaY = event.deltaY * deltaNormalize;
d3Zoom.translateBy( d3Zoom.translateBy(
d3Selection, d3Selection,
(event.deltaX / currentZoom) * panOnScrollSpeed, (deltaX / currentZoom) * panOnScrollSpeed,
(event.deltaY / currentZoom) * panOnScrollSpeed (deltaY / currentZoom) * panOnScrollSpeed
); );
}) })
.on('wheel.zoom', null); .on('wheel.zoom', null);