Possibly a duplicate regarding flexDirection: row

pierpo / react-archer

🏹 Draw arrows between React elements 🖋

https://pierpo.github.io/react-archer/

MIT License

1.15k stars 67 forks source link

Possibly a duplicate regarding flexDirection: row #199

Open Fiattarone opened 8 months ago

Fiattarone commented 8 months ago

Not sure if the above is even what is causing this, but the following:

targetId: childId, targetAnchor: 'left' as const, sourceAnchor: 'right' as const

gives the attached format when dealing with trees using flexDirection: row

Going to redirect my tree to go top down and see if this works any better...

Fiattarone commented 8 months ago

eh, not much better when I flip it...

I'm rendering the nodes from a JSON, then forcing a rerender once all nodes are mounted to the DOM. Let me know if I can provide anything else that might help or if I'm doing something obviously substandard

all arrows appear to be hitting the bottom/far right of the div from my understanding

pierpo commented 8 months ago

Hello!

Thank you for the screenshots. I tried to understand but I'm not sure I get what caused the issue. Could you share a little codesandbox with the repro example? That would be super helpful :)

Thanks!