Skip to content

[Bug]: Mermaid diagrams inside Spaced Repetition flashcards do not work on iOS #1317

@kwafok

Description

@kwafok

Describe the bug

Mermaid diagrams render correctly on Obsidian Desktop. However, these same flashcards are not found or do not render on the Obsidian iOS app.

To Reproduce

  1. Create a new note on Obsidian Desktop.

  2. Paste the following content to create a flashcard containing a Mermaid diagram:

    %%##%%
    
    #flashcards/test-format
    Mermaid
    ?
    
    ```mermaid
    flowchart TD
        A --> B
    ```
    
    %%##%%
    

(My "Characters denoting the end of clozes and multiline flashcards" setting is %%##%%)

  1. Observe that the flashcard is recognized and the Mermaid diagram renders correctly on Desktop:
Image
  1. Sync this note to the Obsidian iOS app.

  2. Open the note on iOS and/or try to review the flashcard using the plugin.

Expected behavior

The flashcard should be recognized on the iOS app, and the Mermaid diagram (flowchart TD A --> B) should render correctly inside the card, just as it does on the Desktop app.

Screenshots

No response

OS of your device

Win 11 (Desktop), iOS

Obsidian version

1.9.14 (241)

Plugin version

1.13.3

Installer version

No response

Additional context

No response

Config file

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions