Edge type that avoids collision with nodes

[jackparmer]

Please describe the feature that you want to propose

For feedback loops like the below, it might be convenient to have an out-of-the-box edge type that calculates its path based on avoiding node positions

Incredible library BTW :)

[jackparmer]

I suppose that one way that this could be done is to detect edge-node collisions upon connecting a node:
https://reactflow.dev/docs/examples/interaction/validation/

Then use a custom edge that calculates its trajectory to avoid node positions:
https://reactflow.dev/docs/examples/edges/custom-connectionline/

Seems like a lot of work though 😑 Other suggestions are very welcome.

Here's another example of where it would be nice to not have any edge and node overlap:

[moklick]

Hey @jackparmer !

We will probably not provide an edge algorithm in the near future (maybe never). There are too many different use cases and custom requirements.

Possible solutions:

1. You could use a library like Elkjs that comes with node and edge routing
2. You could implement a custom solution. For example an orthogonal edge routing algorithm described in this article

Related / helpful package: https://github.com/tisoap/react-flow-smart-edge

[AndreRLima]

Hi @jackparmer,

Can I ask if you were able to find a solution for this?

I tried but I could not achieve completely the behavior that I want

[Borouch]

Add me to the list of people who tried but not succeeded in this.

If anyone has found solution would appreciate sharing it