refactor(drag-pane): handle middle mouse closes #784, #1767

2022-08-29 18:00:04 +02:00
parent 588d8fc02e
commit ba9df1035b
4 changed files with 30 additions and 10 deletions
@@ -213,6 +213,10 @@ const ZoomPane = ({
        const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
        const pinchZoom = zoomOnPinch && event.ctrlKey;

+        if (event.button === 1 && event.type === 'mousedown' && event.target.closest(`.react-flow__node`)) {
+          return true;
+        }
+
        // if all interactions are disabled, we prevent all zoom events
        if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
          return false;
@@ -253,7 +257,7 @@ const ZoomPane = ({
        }

        // default filter for d3-zoom
-        return (!event.ctrlKey || event.type === 'wheel') && !event.button;
+        return (!event.ctrlKey || event.type === 'wheel') && event.button <= 1;
      });
    }
  }, [