fix(minZoom,maxZoom): pass min- maxZoom for initial view closes #2343

2022-08-05 18:12:02 +02:00
parent 9f5d610a92
commit d07e76018f
5 changed files with 44 additions and 13 deletions
@@ -18,8 +18,8 @@ import ColorSelectorNode from './ColorSelectorNode';

 const onInit = (reactFlowInstance: ReactFlowInstance) => {
  console.log('flow loaded:', reactFlowInstance);
-  reactFlowInstance.fitView();
 };
+
 const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);

@@ -117,8 +117,9 @@ const CustomNodeFlow = () => {
      connectionLineStyle={connectionLineStyle}
      snapToGrid={true}
      snapGrid={snapGrid}
-      defaultZoom={1.5}
-      fitView
+      defaultZoom={0.3}
+      minZoom={0.3}
+      maxZoom={2}
    >
      <MiniMap
        nodeStrokeColor={(n: Node): string => {