Add draggable point to smart edge

[picxy3d]

feature

• draggable
• show it on focus
• save coordinate of it
• update those point position with pathfinder
• if user drag the point find path from that point
• pathfinder avoid collapse between edge

EX

thx for your great work

[tisoap]

Hi @picxy3d , thanks for the suggestion! Could you share the name of the website/app where you got your example screenshots from?

I'm unsure if React Flow allows for development of edges with draggable points, but I'll leave this open to investigate. But one thing for sure is that:

• pathfinder avoid collapse between edge

... is impossible to accomplish. Is the same as trying so solve the three utilities problem.

[picxy3d]

HI @tisoap thx for your response
i got my example screen shots from here
live example can be found here
you are right actually avoid collapse between edge was unnecessary as long as user can drag and customize it
but it will be great to have because when we use smart edge with large amount of node the edge will look like spaghetti
it was so hard to find what it connect to so i want it to look clean like pcb path for inspiration

to be clear i mean get draggable points and put it to path finder as obj to avoid (as same as nodes)
so it will draw path like this

instead of this

sory i dont explaind it clearly at the first comment

[picxy3d]

about draggable points it was possible with custom edge but react flow doesn't have any official support on this
joey request this feature on react flow discord before

[agrawal-rohit]

feature

• draggable
• show it on focus
• save coordinate of it
• update those point position with pathfinder
• if user drag the point find path from that point
• pathfinder avoid collapse between edge

EX

thx for your great work

+1, it would be an awesome addition to the package