From fbac4c61bb64c290b98e531fdd34b4d65e95a2b6 Mon Sep 17 00:00:00 2001
From: Shahir Ahmed <ahmeds@dickinson.edu>
Date: Wed, 5 Feb 2025 19:27:32 -0500
Subject: [PATCH] diagram adjusts with legend width changes

Co-authored-by: Pranav Mishra <mishrap@dickinson.edu>
---
 .../src/diagrams/user-journey/journeyRenderer.ts     | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/mermaid/src/diagrams/user-journey/journeyRenderer.ts b/packages/mermaid/src/diagrams/user-journey/journeyRenderer.ts
index 13eb31a02..0860c4753 100644
--- a/packages/mermaid/src/diagrams/user-journey/journeyRenderer.ts
+++ b/packages/mermaid/src/diagrams/user-journey/journeyRenderer.ts
@@ -13,10 +13,12 @@ export const setConf = function (cnf) {
 };
 
 const actors = {};
+let maxWidth = 0;
 
 /** @param diagram - The diagram to draw to. */
 function drawActorLegend(diagram) {
   const conf = getConfig().journey;
+  maxWidth = 0;
   // Draw the actors
   let yPos = 60;
   Object.keys(actors).forEach((person) => {
@@ -39,14 +41,19 @@ function drawActorLegend(diagram) {
       text: person,
       textMargin: conf.boxTextMargin | 5,
     };
-    svgDraw.drawText(diagram, labelData);
 
+    const textElement = svgDraw.drawText(diagram, labelData);
+    const bbox = textElement.node().getBBox();
+    const textLength = bbox.width;
+    if (textLength > maxWidth) {
+      maxWidth = textLength;
+    }
     yPos += 20;
   });
 }
 // TODO: Cleanup?
 const conf = getConfig().journey;
-const LEFT_MARGIN = conf.leftMargin;
+let LEFT_MARGIN = 0;
 export const draw = function (text, id, version, diagObj) {
   const conf = getConfig().journey;
 
@@ -84,6 +91,7 @@ export const draw = function (text, id, version, diagObj) {
   });
 
   drawActorLegend(diagram);
+  LEFT_MARGIN = conf.leftMargin + maxWidth - 80;
   bounds.insert(0, 0, LEFT_MARGIN, Object.keys(actors).length * 50);
   drawTasks(diagram, tasks, 0);