fix(zoom): allow pinch zoom if preventScrolling=false closes #4101

xyflow · Apr 11, 2024 · 782bc7f · 782bc7f
1 parent 0238ba4
commit 782bc7f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/core/src/container/ZoomPane/index.tsx b/packages/core/src/container/ZoomPane/index.tsx
@@ -193,7 +193,9 @@ const ZoomPane = ({
         d3Selection.on(
           'wheel.zoom',
           function (this: any, event: any, d: any) {
-            if (!preventScrolling || isWrappedWithClass(event, noWheelClassName)) {
+            // we still want to enable pinch zooming even if preventScrolling is set to false
+            const invalidEvent = !preventScrolling && event.type === 'wheel' && !event.ctrlKey;
+            if (invalidEvent || isWrappedWithClass(event, noWheelClassName)) {
               return null;
             }