Eliav2 / react-xarrows

Draw arrows (or lines) between components in React!
https://codesandbox.io/embed/github/Eliav2/react-xarrows/tree/master/examples?fontsize=14&hidenavigation=1&theme=dark
MIT License
587 stars 76 forks source link

When drawling lines between mutiply layers, the lines becomes weired. #150

Closed Even0311 closed 1 year ago

Even0311 commented 2 years ago

Describe the bug & Expected behavior A clear and concise description of what the bug is. When I am controlling the lines by expanding the parent element, the expected behaviour is start drawing lines between parent component and all the children components, however, when the kid itself as a parent component and drawing lines to its kid, it becomes weired To Reproduce Steps to reproduce the bug: what props where used, in what way the lib was used?
provide preferably minimal code snippets/codesandbox/gitpod. Sorry it is inside a big project I cannot give you the link, however, you can see the screen shoot. Screenshots If applicable, add screenshots to help explain your problem. image

As you can see, Clicking the plus button will expand all its children. However, once expanded, the lines are not correct. The Xarrows are drawed by recurssion.

Eliav2 commented 1 year ago

I cannot understand/debug the problem via screenshot