fix(zooming): allow pinch zoom when preventScrolling=false

2024-04-11 12:03:13 +02:00
parent d50377e58e
commit 4cd099f083
1 changed files with 4 additions and 1 deletions
@@ -138,7 +138,10 @@ export function createPanOnScrollHandler({

 export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams) {
  return function (this: Element, event: any, d: unknown) {
-    if (!preventScrolling || isWrappedWithClass(event, noWheelClassName)) {
+    // we still want to enable pinch zooming even if preventScrolling is set to false
+    const preventZoom = !preventScrolling && event.type === 'wheel' && !event.ctrlKey;
+
+    if (preventZoom || isWrappedWithClass(event, noWheelClassName)) {
      return null;
    }