ZenUML diagram in mermaid.js code block causes render error

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Summary

Steps to reproduce

mermaid.js has had support for ZenUML syntax since roughly version 10.3.x. Gitlab Flavoured Markdown has support for mermaid, however, attempting to use this in either GitLab.com comment/markdown or our GitLab CE server we get the error:

Syntax error in text. mermaid version 10.7.0

zenuml
    title Demo
    Alice->John: Hello John, how are you?
    John->Alice: Great!
    Alice->John: See you later!

ZenUML example from mermaid.js docs

zenuml
    title Demo
    Alice->John: Hello John, how are you?
    John->Alice: Great!
    Alice->John: See you later!

This works fine in either VSCode with markdown preview or in the mermaid web editor. This issue also seems to be present in GitHub markdown.

Example Project

Any Gitlab flavoured markdown rendering of mermaid.js zenuml diagrams.

What is the current bug behavior?

Syntax error in text. mermaid version 10.7.0

What is the expected correct behavior?

We should see the zenuml diagram rendered by mermaid.js

Relevant logs and/or screenshots

Syntax error in text. mermaid version 10.7.0

image

Output of checks

This bug happens on GitLab.com

Possible fixes

#441233 (closed) had a similar error message, it's cause might be related.

Edited by 🤖 GitLab Bot 🤖