UI - connect nodes via not shortest line distance

[trbritt]

In order to design an active feedback loop, very often nodes at the end of the chain will need to be connected to a comparator at the beginning. As of right now, the nodes are connected by the shortest curved path possible, but for these applications this creates a connection that clutters the rest of the nodes (see below).

Is it possible to intentionally increase the length of the curve connecting the nodes to move out of the way, maybe drop completely below the nodes like a 'U' shape?

[jackparmer]

One way that we could do this 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 😑 I'm surprised React Flow doesn't have an out-of-the-box solution

[jackparmer]

Inquired here: xyflow/xyflow#2790