projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works
https://projectstorm.cloud/react-diagrams
MIT License
8.6k stars 1.17k forks source link

Links above nodes #774

Open davidsu06 opened 3 years ago

davidsu06 commented 3 years ago

Hi, I'm having a problem when I try to make the links visible above the nodes, I'm adding z-index: 1 for the svg inside the diagram container, it works right and makes the links visible above, but with this I can't drag and drop links normally to other ports like it was before.

Here it is how I'm applying it:

image

dylanvorster commented 3 years ago

You need to explain how it is that you are making the svg z-index 1 since the library already has support for layers.

davidsu06 commented 3 years ago

Currently I'm rendering the CanvasWidget with "diagram-container" classname like this: image

And then, in my styles I'm giving z-index: 1 to the svg like this: image

With this, links makes visible above the node, but I can't drag them again or drop it to another port: image

sinanyaman95 commented 3 years ago

Same issue, any fixes?

davidsu06 commented 3 years ago

Not yet, still with this problem.