react-xarrows icon indicating copy to clipboard operation
react-xarrows copied to clipboard

Upon any state change in my react app the arrows disappear.

Open echosonusharma opened this issue 2 years ago • 7 comments

Upon any state change in my react app the arrows disappear, like any state in the page. idk if other people have faced this issue with the package or may be I'm doing something wrong. I have simply added it exactly how its in the examples. I'm just showing connection between some cards.

echosonusharma avatar Jun 30 '22 14:06 echosonusharma

Same problem here

gokugen avatar Jul 25 '22 12:07 gokugen

Mine just lose the starting point. flys of the top of the screen

makis-spy avatar Aug 02 '22 19:08 makis-spy

After filtering out the boxes and lines data , arrow flys to the top of the screen.

akash-vedparkash avatar Nov 18 '22 18:11 akash-vedparkash

you have to make sure the source and target elements are always visible and to render the arrows conditionally. could you please re-create simple example demonstrating the issue?

Eliav2 avatar Dec 05 '22 19:12 Eliav2

Hey @Eliav2 . I guess this issue is related to this one. This is the code sandbox link for the issue.

yashjais avatar Dec 09 '22 08:12 yashjais

Is this problem resolved? I face the same issue here.

xchen0326 avatar Feb 20 '23 10:02 xchen0326

I'm having a similar problem. I am using tabs in my app, where updates on one tab can cause state changes that affect other tabs. When I stay on the same tab and do things, the arrows behave as expected. When I switch to a different tab and the arrows are no longer visible on the screen, if I make a state change in that tab, then switch back to the tab with the arrows, the arrows are gone. Any action on that tab that would cause a re-render does bring the arrows back. #169 could help solve this programmatically.

Is there something else I should be doing though?

mikeazo avatar Feb 24 '23 14:02 mikeazo