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

chore(xypanzoom): cleanup

Browse Source
This commit is contained in:
moklick
2025-04-02 20:49:37 +02:00
parent 2ac6e155e3
commit 77701143ca
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/system/src/xypanzoom/eventhandler.ts
+10 -12
View File
@@ -141,20 +141,18 @@ export function createPanOnScrollHandler({
export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams) { export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams) {
return function (this: Element, event: any, d: unknown) { return function (this: Element, event: any, d: unknown) {
if (event.type === 'wheel') { const isWheel = event.type === 'wheel';
const isPinch = event.ctrlKey; // we still want to enable pinch zooming even if preventScrolling is set to false
// we still want to enable pinch zooming even if preventScrolling is set to false const preventZoom = !preventScrolling && isWheel && !event.ctrlKey;
const preventZoom = !preventScrolling && !isPinch; const hasNoWheelClass = isWrappedWithClass(event, noWheelClassName);
const isNoWheel = isWrappedWithClass(event, noWheelClassName);
// if user is pinch zooming above a nowheel element, we don't want the browser to zoom // if user is pinch zooming above a nowheel element, we don't want the browser to zoom
if (isPinch && isNoWheel) { if (event.ctrlKey && isWheel && hasNoWheelClass) {
event.preventDefault(); event.preventDefault();
} }
if (preventZoom || isNoWheel) { if (preventZoom || hasNoWheelClass) {
return null; return null;
}
} }
event.preventDefault(); event.preventDefault();