Mermaid Markdown: ER Diagram Does Not Render Attributes

Summary

Using a Mermaid ER Diagram in markdown does not render attributes

Steps to reproduce

Add a ER Diagram to a README.md file such as:

erDiagram
    CUSTOMER ||--o{ ORDER : places
    CUSTOMER {
        string name
        string custNumber
        string sector
    }
    ORDER ||--|{ LINE-ITEM : contains
    ORDER {
        int orderNumber
        string deliveryAddress
    }
    LINE-ITEM {
        string productCode
        int quantity
        float pricePerUnit
    }

Example Project

https://gitlab.com/gitlab-gold/mermaid-er-diagram

What is the current bug behavior?

The attributes added to the ER diagram (e.g. string name, string custNumber, etc.) are not being rendered in the diagram. This also appears to be preventing certain entities/relationships from rendering as well.

In the above example, you will notice that none of the attributes render and the last entity/relationship (LINE-ITEM) does not render as well.

What is the expected correct behavior?

You can confirm that the above syntax works in the Mermaid Live Editor. This should render as follows:

Screen_Shot_2021-01-26_at_2.09.01_PM

Relevant logs and/or screenshots

Currently the Mermaid ER Diagram renders incorrectly as follows:

Screen_Shot_2021-01-26_at_2.10.25_PM

Output of checks

N/A

Results of GitLab environment info

N/A

Results of GitLab application Check

N/A

Possible fixes