From 84d4e2cb956ab4947b364d64c464fd5cf3c1d16f Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Tue, 20 Aug 2024 18:23:30 +0200
Subject: [PATCH] fix(frontend): Fix initial FlowGraph rendering on Chrome
 (#4268)

---
 frontend/src/lib/components/graph/FlowGraphV2.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/graph/FlowGraphV2.svelte b/frontend/src/lib/components/graph/FlowGraphV2.svelte
index 46d0a0c11d..8e949f1235 100644
--- a/frontend/src/lib/components/graph/FlowGraphV2.svelte
+++ b/frontend/src/lib/components/graph/FlowGraphV2.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { type FlowModule } from '../../gen'
 	import { NODE, type GraphModuleState } from '.'
-	import { createEventDispatcher, setContext } from 'svelte'
+	import { createEventDispatcher, onMount, setContext } from 'svelte'
 
 	import { writable, type Writable } from 'svelte/store'
 	import '@xyflow/svelte/dist/style.css'
@@ -226,6 +226,10 @@
 	}
 
 	$: width && centerViewport(width)
+
+	onMount(() => {
+		centerViewport(width)
+	})
 </script>
 
 <div style={`height: ${height}px; max-height: ${maxHeight}px;`} bind:clientWidth={width}>