From 1aacf04433e53b1a616c90556eec7b308481eb25 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 1 Sep 2021 22:36:37 +0200
Subject: [PATCH] fix(onMoveStart): trigger always closes #1452

---
 example/src/Overview/index.tsx   | 2 ++
 src/container/ZoomPane/index.tsx | 8 +++-----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/example/src/Overview/index.tsx b/example/src/Overview/index.tsx
index b577984d..ee13f916 100644
--- a/example/src/Overview/index.tsx
+++ b/example/src/Overview/index.tsx
@@ -40,6 +40,7 @@ const onLoad = (reactFlowInstance: OnLoadParams) => {
   reactFlowInstance.fitView();
 };
 
+const onMoveStart = (transform?: FlowTransform) => console.log('zoom/move start', transform);
 const onMoveEnd = (transform?: FlowTransform) => console.log('zoom/move end', transform);
 const onEdgeContextMenu = (_: MouseEvent, edge: Edge) => console.log('edge context menu', edge);
 const onEdgeMouseEnter = (_: MouseEvent, edge: Edge) => console.log('edge mouse enter', edge);
@@ -179,6 +180,7 @@ const OverviewFlow = () => {
       onSelectionDragStop={onSelectionDragStop}
       onSelectionContextMenu={onSelectionContextMenu}
       onSelectionChange={onSelectionChange}
+      onMoveStart={onMoveStart}
       onMoveEnd={onMoveEnd}
       onLoad={onLoad}
       connectionLineStyle={connectionLineStyle}
diff --git a/src/container/ZoomPane/index.tsx b/src/container/ZoomPane/index.tsx
index 9bf54ea4..5af2659b 100644
--- a/src/container/ZoomPane/index.tsx
+++ b/src/container/ZoomPane/index.tsx
@@ -181,12 +181,10 @@ const ZoomPane = ({
     if (d3Zoom) {
       if (onMoveStart) {
         d3Zoom.on('start', (event: any) => {
-          if (viewChanged(prevTransform.current, event.transform)) {
-            const flowTransform = eventToFlowTransform(event.transform);
-            prevTransform.current = flowTransform;
+          const flowTransform = eventToFlowTransform(event.transform);
+          prevTransform.current = flowTransform;
 
-            onMoveStart(flowTransform);
-          }
+          onMoveStart(flowTransform);
         });
       } else {
         d3Zoom.on('start', null);