From 82ad70588c0f8a194ac3f34bb98c585ddf56f76b Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 25 Jul 2023 10:36:37 +0200 Subject: [PATCH 1/2] fix(core): check if viewport is defined before setting --- packages/core/src/store/actions.ts | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/core/src/store/actions.ts b/packages/core/src/store/actions.ts index a6c6dfaf8..040eb4005 100644 --- a/packages/core/src/store/actions.ts +++ b/packages/core/src/store/actions.ts @@ -844,14 +844,18 @@ export function useActions( setEdges(edges) } - if (viewport || position) { + if ((viewport?.x && viewport?.y) || position) { + const x = viewport?.x || position[0] + const y = viewport?.y || position[1] + const nextZoom = viewport?.zoom || zoom || state.viewport.zoom + until(() => viewportHelper.value.initialized) .toBe(true) .then(() => { viewportHelper.value.setViewport({ - x: viewport.x || position[0], - y: viewport.y || position[1], - zoom: viewport.zoom || zoom || state.viewport.zoom, + x, + y, + zoom: nextZoom, }) }) } From 43c6a4cfb4c6058ba5427445571e9cc45ceb72db Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 25 Jul 2023 10:37:17 +0200 Subject: [PATCH 2/2] chore(changeset): add --- .changeset/light-pets-bake.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/light-pets-bake.md diff --git a/.changeset/light-pets-bake.md b/.changeset/light-pets-bake.md new file mode 100644 index 000000000..d03dd7d70 --- /dev/null +++ b/.changeset/light-pets-bake.md @@ -0,0 +1,5 @@ +--- +"@vue-flow/core": patch +--- + +Check if viewport transform is defined before setting in `fromObj` action