fix(onMoveStart): trigger always closes #1452

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}

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);
-            const flowTransform = eventToFlowTransform(event.transform);
+          prevTransform.current = flowTransform;
-            prevTransform.current = flowTransform;
 
-            onMoveStart(flowTransform);
+          onMoveStart(flowTransform);
-          }
         });
       } else {
         d3Zoom.on('start', null);