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:
{width=304 height=235}
Should see this:
{width=381 height=283}
issue