🐛 [BUG]: Edges off center to nodes

[Gkcrafting]

Is there an existing issue for this?

• I have searched the existing issues and this is a new bug.

Current Behavior

I recently started using vue-flow and used the example in the documentation. I'm having this issue where the edges are off center to the nodes

Expected Behavior

I expected the edges to be perfectly in the center like here:

Steps To Reproduce

No response

Minimal reproduction of the issue with CodeSandbox

No response

Relevant log output

Anything else?

No response

[bcakmakoglu]

You'll have to provide more info than just a screenshot.

A minimal repro would be nice - you can find a template here: https://new.vueflow.dev/ts

Just from expierence I would assume you're rendering VueFlow in a container that has transform applied to it, which is not supported. (for example you try to render it inside of a modal that uses a scaling transition when opening)

If you do, you need to "hide" VueFlow until the transition has ended and then render it, otherwise edges will be misaligned.
Alternatively you can call updateNodeInternals which should also work.

[bcakmakoglu]

ping @Gkcrafting

[bcakmakoglu]

Closing due to missing repro.
If you can provide a repro of this issue we can re-open the issue but for now it's closed.

[Gkcrafting]

Apologies. The issue apparently came from my side. I tried running it on codesandbox (https://codesandbox.io/p/devbox/flamboyant-cannon-wtl7np) and the edges were perfectly centered.
I had the VueFlow component wrapped around a container and a sidebar on the side and those seemed to cause the issue, misaligning the edges