-
-
Notifications
You must be signed in to change notification settings - Fork 5.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Graph in collapsed div's fails to render if it contains any link labels #3504
Comments
We experience the same issue with a mermaid
|
It's a [reported issue][1] that Mermaid graphs containing labeled links (lines with text on them) fail to render inside a <details> section. If not collapsed, they render fine. [1]: mermaid-js/mermaid#3504
Same here, this is annoying... |
Sadly this is not yet supported: mermaid-js/mermaid#3504
Sadly this is not yet supported: mermaid-js/mermaid#3504
Yeah it took way too long to figure out this was the problem I had and find this issue. Wokraround I used: init the details open |
Describe the bug
In github markdown, the
<summary>
notation is used to render an initially collapsed section, which can be made visible by clicking it.Putting a TD graph with a labelled link inside such a collapsed section causes it to fail to render when the section is clicked.
If the TD graph does not contain any labelled links, it renders properly when the section is clicked.
To Reproduce
<summary>
Error rendering embedded code: Cannot read properties of undefined (reading 'x')
"Expected behavior
Graphs with labelled links should render without error regardless if initially visible or not.
Screenshots
Graph without labelled links renders without error in collapsed section:
Collapsed section that renders properly
Graph with labelled links fails to render inside collapsed section:
Collapsed section that fails to render inside collapsed section
Graph with labelled links renders properly if not initially collapsed:
Code Sample
See examples above. The bug is triggered by the fact that the graph is initially invisible. I don't know how to duplicate this condition within mermaid.live
Desktop (please complete the following information):
The text was updated successfully, but these errors were encountered: