Fixes: novuhq#4256

mr-unmole · Oct 31, 2023 · dca7e35 · dca7e35
1 parent 96cc7c8
commit dca7e35
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/apps/web/src/components/workflow/FlowEditor.tsx b/apps/web/src/components/workflow/FlowEditor.tsx
@@ -91,10 +91,12 @@ export function FlowEditor({
 
   useEffect(() => {
     const clientWidth = reactFlowWrapper.current?.clientWidth;
-    const middle = clientWidth ? clientWidth / 2 - 100 : 0;
+    const clientHeight = reactFlowWrapper.current?.clientHeight;
+    const middleX = clientWidth ? clientWidth / 2 - 100 : 0;
+    const middleY = clientHeight ? clientHeight / 2 : 0;
     const zoomView = 1;
 
-    reactFlowInstance.setViewport({ x: middle, y: 10, zoom: zoomView });
+    reactFlowInstance.setViewport({ x: middleX, y: middleY, zoom: zoomView });
   }, [reactFlowInstance]);
 
   useEffect(() => {