chore: add changeset

Signed-off-by: braks <[email protected]>
bcakmakoglu · Jan 4, 2023 · ea5c35e · ea5c35e · vercel · Jan 4, 2023
1 parent 94344a6
commit ea5c35e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/.changeset/hot-bobcats-jump.md b/.changeset/hot-bobcats-jump.md
@@ -0,0 +1,5 @@
+---
+'@vue-flow/core': patch
+---
+
+Re-calculate position when node extent changes
diff --git a/examples/vite/src/Nesting/Nesting.vue b/examples/vite/src/Nesting/Nesting.vue
@@ -4,7 +4,7 @@ import { Background } from '@vue-flow/background'
 import { Controls } from '@vue-flow/controls'
 import { MiniMap } from '@vue-flow/minimap'
 
-const { onConnect, addEdges, addNodes } = useVueFlow({
+const { onConnect, addEdges, addNodes, findNode } = useVueFlow({
   fitViewOnInit: true,
   connectionMode: ConnectionMode.Loose,
   nodes: [
@@ -14,7 +14,7 @@ const { onConnect, addEdges, addNodes } = useVueFlow({
       label: 'Node 2',
       position: { x: 100, y: 100 },
       class: 'light',
-      style: { backgroundColor: 'rgba(255, 0, 0, 0.8)', width: '200px', height: '200px' },
+      style: { backgroundColor: 'rgba(255, 0, 0, 0.8)' },
     },
     {
       id: '2a',
@@ -88,6 +88,15 @@ onMounted(() => {
       parentNode: '2',
     },
   ])
+
+  setTimeout(() => {
+    const node = findNode('999')!
+    node.expandParent = false
+    node.extent = {
+      range: 'parent',
+      padding: [10],
+    }
+  })
 })
 </script>