web icon indicating copy to clipboard operation
web copied to clipboard

The downloading image has no edge in showcase.

Open ufresh2013 opened this issue 9 months ago • 4 comments

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

Image

And click the download image button Image

The image go wrong. It has no edge. Image

Expected behavior

Exported image show all thing well.

Screenshots or Videos

No response

Additional context

No response

ufresh2013 avatar Apr 10 '25 03:04 ufresh2013

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',
    },
})

ufresh2013 avatar Apr 10 '25 03:04 ufresh2013

Made fix under https://github.com/xyflow/web/pull/762

usmanabdurrehman avatar Apr 10 '25 15:04 usmanabdurrehman

We added a message to our docs. Hopefully this issue gets resolved: https://github.com/bubkoo/html-to-image/issues/516

moklick avatar Apr 14 '25 06:04 moklick

This is also an issue in Svelte: https://github.com/xyflow/web/issues/964

printerscanner avatar Jul 29 '25 13:07 printerscanner