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.
Edges are not visible outside `.react-flow__viewport` when we export the canvas to png
See original GitHub issueDescribe the Bug
Edges are getting cut off outside .react-flow__viewport when we export the whole react flow canvas as png. I’m facing issue while using html-to-image, but this issue is reproducible with all the methods used to convert a canvas to png file. There is a related issue #2016 which fixed the issue in the canvas, but this occurs in the exported png.
Your Example Website or App
No response
Steps to Reproduce the Bug or Issue
- Create any complex graph with many nodes and edges
- Convert the react flow canvas to png with any external package
Expected behavior
Edges should not cut off outside .react-flow__viewport, since nodes are visible outside.
This was working perfectly fine in v9.
Screenshots or Videos
Platform
- OS: [macOS]
- Browser: [Chrome]
- Version: [100.0]
Additional context
No response
Issue Analytics
- State:
- Created a year ago
- Comments:5 (2 by maintainers)
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
@junrezapico Yeah. I replaced html-to-image with save-html-as-image, and it worked flawlessly!
I’ve created a “Download Image” example that uses html-to-image.