🐛 [BUG]: Wrong edge position with dynamic handle id about vue-flow

[bcakmakoglu]

You need to call updateNodeInternals when you suddenly change the id of an existing handle.
See this section of the docs about dynamic handles.

Here's the sandbox corrected.

<script setup>
import { Position, Handle, useNode, useVueFlow } from '@vue-flow/core';
import { ref, onMounted, nextTick } from 'vue';

const { updateNodeInternals } = useVueFlow();

const model = ref('test');

function updateModel() {
  model.value = 'test2';
  nextTick(() => {
	// you can also pass an array of ids to specify which nodes in particular to update the internals for
	// when omitted it will update *all* node internals, which might be unnecessary for this case
    updateNodeInternals();
  });
}
</script>

[bcakmakoglu]

The docs could definitely be better 😅 I am really trying to separate some time to update them but, alas, I have regular work to do as well and it's been taking up all my time recently :(

So always feel free to ask questions / report issues, that's what I'm hear for after all.

[bcakmakoglu]

Can you provide a proper repro for this please?
This ticket has barely any information to go on.

Either provide sufficient code snippets to actually figure out what the problem is or, even better, provide a sandbox reproduction for the issue - otherwise I can't help properly 😞

[romgerman]

I've added repro on stackblitz.

[romgerman]

Thank you for the fast answer. I guess I misunderstood the documentation.