Need help limiting the length of anchor on the left side

[tejab92]

I am using this library to build a feature where there is a tree structure and user can connect nodes. But the problem I'm facing is the arrows are getting rendered such that it is blocking other nodes. I would like to restrict the left anchor to a fixed length

[tejab92]

@Eliav2

[Eliav2]

not sure what you mean. what exactly is the problem?

[tejab92]

Thanks for responding. Attached another screenshot of what I am expecting. I want the line to go along the path similar to the red line.

[tejab92]

@Eliav2 do you know if there is a solution to this? I can also poke around and see if the source code can be tweaked.

[Eliav2]

currently no.
will add a property to be able to choose "grid break" property.(currently the default is 50% always)

nice note friend. stay tuned for v1.7.0

[Eliav2]

thank you friend.
see https://github.com/Eliav2/react-xarrows/blob/master/src/index.tsx#L505
note that there is curves for vertical to vertical and horizontal to horizontal. just update 0.5 to a new property with name as you please.