The downloading image has no edge in showcase.
What platform were you using when you found the bug?
- React Flow / Svelte Flow version: ^12.5.5
- Browser and version: Chrome 135.0.7049.42
- OS and version: mac
Live code example
https://reactflow.nodejs.cn/examples/misc/download-image
Describe the Bug
The exported flow image has no edge.
Steps to reproduce the bug or issue
When I Open the code in Stackblitz: https://reactflow.nodejs.cn/examples/misc/download-image
And click the download image button
The image go wrong. It has no edge.
Expected behavior
Exported image show all thing well.
Screenshots or Videos
No response
Additional context
No response
It's ok for me to set edge's style
edges.push({
id: `e${source}-${target}`,
source,
target,
label,
style: {
stroke: '#b1b1b7',
},
labelStyle: {
fill: '#b1b1b7',
},
labelBgStyle: {
fill: '#fff',
},
})
Made fix under https://github.com/xyflow/web/pull/762
We added a message to our docs. Hopefully this issue gets resolved: https://github.com/bubkoo/html-to-image/issues/516
This is also an issue in Svelte: https://github.com/xyflow/web/issues/964