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
+5 -7
View File
@@ -141,21 +141,19 @@ 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 && !isPinch; const preventZoom = !preventScrolling && isWheel && !event.ctrlKey;
const isNoWheel = isWrappedWithClass(event, noWheelClassName); const hasNoWheelClass = 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();