diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/requirementBox.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/requirementBox.ts index 71e5e8f30..3e0a310e6 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/requirementBox.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/requirementBox.ts @@ -199,7 +199,9 @@ async function addText( if (!useHtmlLabels) { const textChild = text.children[0]; - textChild.textContent = inputText.replaceAll('>', '>').replaceAll('<', '<').trim(); + for (const child of textChild.children) { + child.textContent = child.textContent.replaceAll('>', '>').replaceAll('<', '<'); + } // Get the bounding box after the text update bbox = text.getBBox(); // Add extra height so it is similar to the html labels