Obsidian doesn't recognize invisible links (tilde ~~~) in mermaid diagram

Steps to reproduce

The following Minimal Buggy Example renders fine on mermaid.live but does not render in Obsidian.

flowchart TD
	A --> B;
	B --> C;
	A ~~~ C;

Expected result

A simple flow chart, bent because of an invisible link between nodes A and C.

Actual result

Error parsing Mermaid diagram!

Lexical error on line 4. Unrecognized text.
…–> B; B → C; A ~~~ C;
---------------------^

Environment

SYSTEM INFO:
Obsidian version: v1.1.16
Installer version: v1.1.16
Operating system: Windows 10 Home 10.0.19044
Login status: not logged in
Insider build toggle: off
Live preview: on
Legacy editor: off
Base theme: dark
Community theme: none
Snippets enabled: 0
Restricted mode: off
Plugins installed: 5
Plugins enabled: 0

RECOMMENDATIONS:
none


Additional information

this is in mermaid 10 and we haven’t updated to it yet. No ETAs as there major API changes in it.

Use case or problem

The Mermaid invisible link operator ~~~ for flowcharts is considered invalid syntax. Weird.

I mostly need it so subgraph components respect the direction directive, since only connected components respect it for some reason.

Proposed solution

Feature parity with Mermaid for flowcharts. Meaning, implement the invisible link operator (~~~).

Current workaround (optional)

Not yet known. Possibly some JS hack.

Related feature requests (optional)

This is essentially a repost of this post about the same problem. The response given was “not yet”. So, when then?

will be fixed v1.4

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.