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
584 stars 75 forks source link

Elements are in wrong positions #121

Open idiglove opened 2 years ago

idiglove commented 2 years ago

Describe the bug & Expected behavior While on development (haven't tried in a build app), on hot refresh, the elements go in wrong positions, but after some refresh they go back to the correct positions. Is there a fix for this? Anyone experience this as well?

Screenshots As you see in this example, I changed the coords, then on hot refresh the pos changed but the line didnt follow, now after refresh it went to the correct position https://user-images.githubusercontent.com/29911508/153700536-2e54b6b4-3b68-4e0a-aaeb-8bec258559ad.mov

atishshahrouniyar commented 2 years ago

I also faced the same problem in the latest version but it works fine with the older one. Currently I am using version 1.4.4 and its working perfectly.

Probably this issue started from version 1.7.

KutnerUri commented 2 years ago

also getting this: Screen Shot 2022-03-20 at 19 38 11

sometimes (usually after refresh) the arrows don't connect and mess up (maybe calculated too early?)