Cyrillic characters (say for Ukrainian), Unicode characters, and emojis break rendering of Mermaid diagrams.
Page to reproduce:
Mermaid Diagrams
This page contains several Mermaid diagrams demonstrating different character sets.
English Diagram
flowchart LR
A[Start] --> B[Process Data]
B --> C{Decision}
C -->|Yes| D[Continue]
C -->|No| E[Stop]
D --> F[End]
E --> F
Loading
Ukrainian Diagram
flowchart TD
A[Початок] --> B[Обробка даних]
B --> C{Перевірка}
C -->|Так| D[Продовжити]
C -->|Ні| E[Зупинити]
D --> F[Кінець]
E --> F
Loading
Emoji Diagram
flowchart LR
A[🚀 Launch] --> B[⚙️ Process]
B --> C{✅ Valid?}
C -->|👍| D[💾 Save]
C -->|👎| E[🗑️ Discard]
D --> F[🎉 Done]
E --> F
Loading
Special Unicode Character Diagram (Right Click ➜)
flowchart LR
A[Select Item] --> B[➜ Right Click]
B --> C[Context Menu]
C --> D[Choose Option]
D --> E[➜ Execute Action]
Loading
This can also be reproduced in git clone https://github.com/vadi2/VadimTestIG.git -b mermaid-diagrams-broken
Cyrillic characters (say for Ukrainian), Unicode characters, and emojis break rendering of Mermaid diagrams.
Page to reproduce:
Mermaid Diagrams
This page contains several Mermaid diagrams demonstrating different character sets.
English Diagram
flowchart LR A[Start] --> B[Process Data] B --> C{Decision} C -->|Yes| D[Continue] C -->|No| E[Stop] D --> F[End] E --> FUkrainian Diagram
flowchart TD A[Початок] --> B[Обробка даних] B --> C{Перевірка} C -->|Так| D[Продовжити] C -->|Ні| E[Зупинити] D --> F[Кінець] E --> FEmoji Diagram
flowchart LR A[🚀 Launch] --> B[⚙️ Process] B --> C{✅ Valid?} C -->|👍| D[💾 Save] C -->|👎| E[🗑️ Discard] D --> F[🎉 Done] E --> FSpecial Unicode Character Diagram (Right Click ➜)
flowchart LR A[Select Item] --> B[➜ Right Click] B --> C[Context Menu] C --> D[Choose Option] D --> E[➜ Execute Action]This can also be reproduced in
git clone https://github.com/vadi2/VadimTestIG.git -b mermaid-diagrams-broken