Mermaid diagrams not rendering invisible edges as per mermaid live editor
<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=554190) </details> <!--IssueSummary end--> This should result in A, B, C horizontal with X, Y, Z vertical to the right of C ```mermaid flowchart LR A B C subgraph vertical direction TB X Y Z end A --> B --> C %% These don't appear to do anything C ~~~ X C ~~~ Y C ~~~ Z X --> C Y --> C Z --> C ``` Currently see this: ![image](/uploads/bcf50e43ab6a92e8f65f565814a08785/image.png){width=304 height=235} Should see this: ![image](/uploads/bff0deec381e83934b9034e298de899f/image.png){width=381 height=283}
issue