[2464] Fix fit-to-screen after the first layout

Bug: #2464
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>

CHANGELOG.adoc

@@ -130,6 +130,7 @@ It uses our algorithm instead of elk.js to perform the arrange-all.
 Make some border node transparent when the node is in a list node in the convert engine.
 - https://github.com/eclipse-sirius/sirius-web/issues/2646[#2646] [diagram] Fix an issue where the palette was re rendering too much.
 - https://github.com/eclipse-sirius/sirius-web/issues/2685[#2685] [diagram] Fix direct edit of edge labels with F2.
+- https://github.com/eclipse-sirius/sirius-web/issues/2464[#2464] [diagram] Apply the fit-to-screen after the first layout
 
 === New Features
 

packages/diagrams/frontend/sirius-components-diagrams-reactflow/src/renderer/DiagramRenderer.tsx

@@ -103,6 +103,7 @@ export const DiagramRenderer = ({ diagramRefreshedEventPayload, selection, setSe
 
       setNodes(convertedDiagram.nodes);
       setEdges(convertedDiagram.edges);
+      fitToScreen();
     } else if (cause === 'refresh') {
       const previousDiagram: RawDiagram = {
         nodes: nodes as Node<NodeData, DiagramNodeType>[],
@@ -113,7 +114,6 @@ export const DiagramRenderer = ({ diagramRefreshedEventPayload, selection, setSe
         setEdges(laidOutDiagram.edges);
         hideDiagramPalette();
         resetReferencePosition();
-        fitToScreen();
 
         synchronizeLayoutData(diagramRefreshedEventPayload.id, laidOutDiagram);
       });

packages/diagrams/frontend/sirius-components-diagrams-reactflow/src/renderer/fit-to-screen/useInitialFitToScreen.tsx

@@ -32,7 +32,7 @@ export const useInitialFitToScreen = (): UseInitialFitToScreenValue => {
   // We cannot perform the fit to screen directly but instead need to wait for the next render in order to retrieve the updated nodes and edges in the react flow instance
   useEffect(() => {
     if (state.shouldPerformFitToScreen) {
-      reactFlowInstance.fitView({ minZoom: 0.5 });
+      reactFlowInstance.fitView({ duration: 200 });
       setState((prevState) => ({ ...prevState, initialFitToScreenPerformed: true, shouldPerformFitToScreen: false }));
     }
   }, [state.shouldPerformFitToScreen]);