Update mermaid.js from 11.4 to 11.5 or later to fix arrow rendering

Bug graveyard
1

Obsidian’s Mermaid.js renders undirected graphs as directed. This is fixed in Mermaid versions newer than 11.5.0, but Obsidian is using 11.4.1.

Steps to reproduce

All of the following render incorrectly, as arrows instead of lines.

graph TD
	a --- b

graph LR
	a --- b

graph
	a --- b

flowchart TD
	a --- b

Did you follow the troubleshooting guide? [Y/N]

Yes

Expected result

I expect to see a line between A and B with no arrows, which is what the Mermaid sandbox shows.

Actual result

Versions of Mermaid.js up to (but not including) 11.5.0 have this bug.

The Mermaid PR at github com/mermaid-js/mermaid/pull/6093 (sorry, it doesn’t let me post links) indicates that it is 11.5.0 in which this is fixed.

On the Obsidian credits page I see Obsidian is using 11.4.1.

Environment

SYSTEM INFO:
Obsidian version: v1.9.14
Installer version: v1.7.7
Operating system: #1 SMP PREEMPT_DYNAMIC Debian 6.12.48-1 (2025-09-20) 6.12.48+deb13-amd64
Login status: logged in
Language: es
Catalyst license: none
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on

RECOMMENDATIONS:
none

1 Like
2

This is a known issue :blush: …
(Obsidian updates its dependencies once in a while though… so it’ll probably be fixed at some point)