fix: flowchart image without text

mermaid-js · Nov 23, 2023 · 9cf21b5 · 9cf21b5
1 parent 4a4e614
commit 9cf21b5
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/mermaid/src/dagre-wrapper/shapes/util.js b/packages/mermaid/src/dagre-wrapper/shapes/util.js
@@ -60,6 +60,7 @@ export const labelHelper = async (parent, node, _classes, isNode) => {
 
     // if there are images, need to wait for them to load before getting the bounding box
     const images = div.getElementsByTagName('img');
+    console.log('images', images);
     if (images) {
       const noImgText = labelText.replace(/<img[^>]*>/g, '').trim() === '';
 
@@ -80,7 +81,9 @@ export const labelHelper = async (parent, node, _classes, isNode) => {
                     ? getConfig().fontSize
                     : window.getComputedStyle(document.body).fontSize;
                   const enlargingFactor = 5;
-                  img.style.width = parseInt(bodyFontSize, 10) * enlargingFactor + 'px';
+                  const width = parseInt(bodyFontSize, 10) * enlargingFactor + 'px';
+                  img.style.minWidth = width;
+                  img.style.maxWidth = width;
                 } else {
                   img.style.width = '100%';
                 }