Mermaid graphs not rendering at all on iOS

Bug reports
1

Steps to reproduce

  1. Install latest version of Obsidian on iOS.
  2. Create an empty new file and put in any mermaid diagram. For demonstration purposes, an empty one (ticks with “mermaid” and nothing else) works.
  3. Enable the reading view.

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

Y

Expected result

I’d like to see the mermaid graph being rendered.

Actual result

One of the following always happens: (1) I see a blank diagram; (2) I see syntax highlighted source code of the mermaid diagram; (3) I see the error message “Error parsing Mermaid diagram! Can’t find variable: mermaid”.

Environment

SYSTEM INFO:
Operating system: ios 16.1.1 (Apple iPad14,4)
Obsidian version: 1.9.14 (241)
API version: v1.9.14
Login status: not logged in
Language: en
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: off
Plugins installed: 1
Plugins enabled: 1
1: Git v2.35.1

Additional information

I was able to find and test a few older versions of iOS Obsidian. The last version I can find that works is 1.7.7. The first version I can find that has this bug is 1.8.3.

2

By this I mean that I see a blank diagram even if the diagram source code is not empty.

3

This example copied from https://help.obsidian.md/advanced-syntax#Diagram works for me in both Live Preview and Reading View:

~~~mermaid
sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!
~~~

An empty mermaid code block gives me the error “No diagram type detected matching given configuration for text:”. I don’t know what the expected behavior is in this case, and I’m not sure how much it matters unless there’s some use for empty blocks that I don’t know about.

4

Hrm, I tried your snippet on another iPad on iPadOS 26 and it simply worked, but on my iPad running iPadOS 16, it simply does not work, even if I reinstall the app to ensure a blank state. I think it may have to do with the OS version. Unfortunately, for personal reasons, I must not upgrade my iPadOS version.

5

Debug info for the iPad that does work: ios 26.0.1 (Apple iPad13,8), Obsidian version: 1.9.14 (241).

6

By “does not work,” I mean that, likewise, for your non-empty mermaid diagram, I always see one of the following: (1) I see a blank diagram; (2) I see syntax highlighted source code of the mermaid diagram; (3) I see the error message “Error parsing Mermaid diagram! Can’t find variable: mermaid”.