Images are being rendered as span tags

[p2kmgcl]

When using class:something before an embedded image (![[some-image.jpg]]), the image element is rendered as a span.

Steps to reproduce the behavior:

1. Create a note
2. Embed some image file
3. Add class:something before it.

Expected behavior
There should be an <img> tag inside <div class="something">

Screenshots

Device:

• Operating System: Linux
• Obsidian version: 1.1.16

[p2kmgcl]

@LilaRest I'd be happy to investigate more and try to send a PR if you are fine with it. Thanks so much for the plugin!

[LilaRest]

@p2kmgcl Ehh what a weird bug ! I've actually no idea from where it could come from ^^

Sure feel free to investigate, I'll be happy to accept your PR !

[Caellian]

Still an issue. Anyway, minimal reproduction is:

MarkdownRenderer.renderMarkdown(
  "![[img.png]]",
  document.createElement("div"),
  "",
  app.workspace.getActiveViewOfType(MarkdownView)?.leaf.view
)

• Obsidian warns about null being used as parent component, providing app.workspace.getActiveViewOfType(MarkdownView)?.leaf.view component still doesn't make it render as img.
• Specifying non-empty path doesn't fix the issue.

EDIT: renderMarkdown is now deprecated, new MarkdownRenderer.render function (with same signature) actually works with images. However new MarkdownRenderChild(context) should be used as a parent component.