regression: calculate handle bounds regardless of update

src/components/Edges/EdgeWrapper.vue

@@ -70,7 +70,6 @@ const targetPosition = computed(() => (targetHandle.value ? targetHandle.value.p
 const edgeUpdaterRadius = computed(() => store.edgeUpdaterRadius)
 
 onMounted(() => {
-  nextTick(() => {
   watch(
     [
       sourcePosition,
@@ -99,7 +98,6 @@ onMounted(() => {
     { immediate: true, deep: true },
   )
 })
-})
 </script>
 <script lang="ts">
 export default {
@@ -112,6 +110,7 @@ export default {
     :class="[
       'vue-flow__edge',
       `vue-flow__edge-${edge.type || 'default'}`,
+      store.noPanClassName,
       {
         selected: edge.selected,
         animated: edge.animated,

src/store/actions.ts

@@ -1,19 +1,19 @@
 import useState from './state'
 import {
-  CoordinateExtent,
-  EdgeChange,
   Actions,
   ComputedGetters,
-  State,
+  Connection,
+  CoordinateExtent,
+  Edge,
+  EdgeChange,
+  Getters,
+  GraphEdge,
   GraphNode,
   Node,
   NodeChange,
   NodeDimensionChange,
-  Edge,
-  Connection,
-  GraphEdge,
   NodePositionChange,
-  Getters,
+  State,
 } from '~/types'
 import {
   applyChanges,
@@ -149,11 +149,10 @@ export default (state: State, getters: ComputedGetters): Actions => {
           dimensions.height &&
           (node.dimensions.width !== dimensions.width || node.dimensions.height !== dimensions.height || update.forceUpdate)
         )
+        node.handleBounds = getHandleBounds(update.nodeElement, state.transform[2])
 
         if (doUpdate) {
-          const handleBounds = getHandleBounds(update.nodeElement, state.transform[2])
           node.dimensions = dimensions
-          node.handleBounds = handleBounds
 
           res.push({
             id: node.id,