Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Generated SVG has static IDs which cause issues when there are two SVGs
See original GitHub issueDescribe the bug
In the attached (zipped) html, there are two SVGs generated by mermaid. Loaded in a browser they will render with arrowheads. However, if the first SVG style has ‘display:none’ then not only does it disappear (as expected), but also the arrow heads in the second SVG. The reason is that they are referenced as #arrowhead and so the browser finds them in the first SVG, which is not displayed, hence they are not displayed.
Expected behavior Create unique IDs. E.g. use the id passed to render as prefix. (Note: there is another generic solution which is to wrap each SVG in an iframe via srcdoc. However, then styling in the outer doc can’t be applied to the svg elements which for my context of static HTML files is not good)
Screenshots
When both are visible:
When first one is not displayed:
Issue Analytics
- State:
- Created a year ago
- Comments:5
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Yes @williamthome, I believe this is root cause of what you saw with https://github.com/livebook-dev/livebook/issues/1440. I do not have an ETA on getting that merged but will respond here when it is done. Is it urgent for you?
This is pretty urgent for me - would love to see your fix get merged in as soon as feasible @dwhelan 🙏🏻