Zero size image in mermaid

[m21-cerutti]

Description

Hi, I was trynig to get an image in a markdown, but it seems the feature is broken.
I have seen
#548
#1133
but nothing work, even the live editor seems broken.

It works only if the node has text in it.

Steps to reproduce

Create a diagram with an image and no text on the node

graph TD
DIR("<img src='https://iconscout.com/ms-icon-310x310.png'; width='30' /> ")

Screenshots

Code Sample

graph TD
  DIR("<img src='https://iconscout.com/ms-icon-310x310.png'; width='30' /> ")

graph TD
  DIR("<img src='https://iconscout.com/ms-icon-310x310.png'; width='30' /> blablabla")

Setup

• Mermaid version: 10.4.0
• Browser and Version: Chrome Version 116.0.5845.189

Suggested Solutions

No response

Additional Context

No response

[sidharthv96]

Related #4736

[sidharthv96]

For me, it doesn't work even with the text. (Firefox)
But it does come up inside the error diagarm.

[Ronid1]

Seems like a bug in the live editor rather than the graph. Same snippet worked as expected when implemented locally, but didn't show image in node without text in the live editor.

Code sample:

graph TD
  A("<img src='https://iconscout.com/ms-icon-310x310.png'; width='30' /> ")-->
  B("<img src='https://iconscout.com/ms-icon-310x310.png'; width='30' /> text")

Live editor: link

Local output (screenshot):