search

tisoap / react-flow-smart-edge

Custom Edge for React Flow that never intersects with other nodes
https://tisoap.github.io/react-flow-smart-edge/
MIT License
267 stars 37 forks source link

Custom markers get misaligned when using smart edge #31

Open vaibhav-systango opened 2 years ago

vaibhav-systango commented 2 years ago

@bcakmakoglu @tisoap when I use smart step edge from here: @tisoap/react-flow-smart-edge the custom edge markers get misaligned when i try to change the node layouts why is this happening ? do we have any solutions around this. please see the gif shared below: image

sushantgulati1 commented 2 years ago

An easy workaround is to increase the nodePadding. https://github.com/tisoap/react-flow-smart-edge#configuring-smart-edges

vaibhav-systango commented 2 years ago

This doesn;t helps @sushantgulati1 @tisoap

tisoap commented 2 years ago

Hey @vaibhav-systango , thanks for reporting it! Do you have a minimal example on CodeSandbox or a minimal GitHub repo where the error happens? This would help me debug the issue

vaibhav-systango commented 2 years ago

@tisoap here itself you can see the arrow markers are not straight : https://tisoap.github.io/react-flow-smart-edge/?path=/story/smart-edge--smart-step

meanwhile I'll shre a custom sanbox also shortly

vaibhav-systango commented 2 years ago

@tisoap here's a sandbox link as well for same: https://codesandbox.io/s/funny-bird-v39ds4

vaibhav-systango commented 2 years ago

@tisoap looking forward to this 💯

tisoap commented 2 years ago

@vaibhav-systango Please don't spam comments, I only work on this library on my free time when I feel motivated to do so. If you're in a hurry, feel free to fork this repository and implement it on your own.