From 481f8186e44f442c59b4661db726b5472051d547 Mon Sep 17 00:00:00 2001
From: Knut Sveidqvist <knsv@sveido.com>
Date: Fri, 14 Jun 2024 17:18:31 +0200
Subject: [PATCH] #5237 Fixes after visual testing. Handling multi-line notes
 and positioning of notes relative to the state

---
 packages/mermaid/src/diagrams/state/dataFetcher.js    |  4 ++--
 packages/mermaid/src/rendering-util/createText.ts     | 11 +----------
 .../src/rendering-util/handle-markdown-text.ts        |  2 ++
 3 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/packages/mermaid/src/diagrams/state/dataFetcher.js b/packages/mermaid/src/diagrams/state/dataFetcher.js
index e094d2168..a94fb681d 100644
--- a/packages/mermaid/src/diagrams/state/dataFetcher.js
+++ b/packages/mermaid/src/diagrams/state/dataFetcher.js
@@ -328,6 +328,7 @@ export const dataFetcher = (parent, parsedItem, diagramStates, nodes, edges, alt
         look,
         position: parsedItem.note.position,
       };
+      const parentNodeId = itemId + PARENT_ID;
       const groupData = {
         labelStyle: '',
         shape: SHAPE_NOTEGROUP,
@@ -344,12 +345,11 @@ export const dataFetcher = (parent, parsedItem, diagramStates, nodes, edges, alt
       };
       graphItemCount++;
 
-      const parentNodeId = itemId + PARENT_ID;
-
       //add parent id to groupData
       groupData.id = parentNodeId;
       //add parent id to noteData
       noteData.parentId = parentNodeId;
+      nodeData.parentId = parentNodeId;
 
       //insert groupData
       insertOrUpdateNode(nodes, groupData);
diff --git a/packages/mermaid/src/rendering-util/createText.ts b/packages/mermaid/src/rendering-util/createText.ts
index 0985f4799..e8fb04fb9 100644
--- a/packages/mermaid/src/rendering-util/createText.ts
+++ b/packages/mermaid/src/rendering-util/createText.ts
@@ -198,16 +198,7 @@ export const createText = (
   } = {},
   config: MermaidConfig
 ) => {
-  log.info(
-    'createText XEX',
-    text,
-    style,
-    isTitle,
-    classes,
-    useHtmlLabels,
-    isNode,
-    addSvgBackground
-  );
+  log.info('createText', text, style, isTitle, classes, useHtmlLabels, isNode, addSvgBackground);
   if (useHtmlLabels) {
     // TODO: addHtmlLabel accepts a labelStyle. Do we possibly have that?
 
diff --git a/packages/mermaid/src/rendering-util/handle-markdown-text.ts b/packages/mermaid/src/rendering-util/handle-markdown-text.ts
index c539f7268..71c818c9b 100644
--- a/packages/mermaid/src/rendering-util/handle-markdown-text.ts
+++ b/packages/mermaid/src/rendering-util/handle-markdown-text.ts
@@ -75,6 +75,8 @@ export function markdownToHTML(markdown: string, { markdownAutoWrap }: MermaidCo
       return `<em>${node.children.map(output).join('')}</em>`;
     } else if (node.type === 'paragraph') {
       return `<p>${node.children.map(output).join('')}</p>`;
+    } else if (node.type === 'html' && /^<br\s*\/?>$/i.test(node.value)) {
+      return `${node.value}`;
     }
     return `Unsupported markdown: ${node.type}`;
   }