diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue index 7b4cc4806d..114750ca8a 100644 --- a/packages/editor-ui/src/views/NodeView.vue +++ b/packages/editor-ui/src/views/NodeView.vue @@ -781,12 +781,9 @@ export default defineComponent({ deepCopy(data.workflowData.nodes), deepCopy(data.workflowData.connections), ); - - void this.$nextTick(() => { - this.canvasStore.zoomToFit(); - this.uiStore.stateIsDirty = false; - }); - + await this.$nextTick(); + this.canvasStore.zoomToFit(); + this.uiStore.stateIsDirty = false; void this.$externalHooks().run('execution.open', { workflowId: data.workflowData.id, workflowName: data.workflowData.name, @@ -854,9 +851,8 @@ export default defineComponent({ this.workflowsStore.setWorkflowPinData(data.workflow.pinData); } - void this.$nextTick(() => { - this.canvasStore.zoomToFit(); - }); + await this.$nextTick(); + this.canvasStore.zoomToFit(); }, async openWorkflowTemplate(templateId: string) { this.startLoading(); @@ -897,10 +893,9 @@ export default defineComponent({ await this.addNodes(data.workflow.nodes, data.workflow.connections); this.workflowData = (await this.workflowsStore.getNewWorkflowData(data.name)) || {}; - void this.$nextTick(() => { - this.canvasStore.zoomToFit(); - this.uiStore.stateIsDirty = true; - }); + await this.$nextTick(); + this.canvasStore.zoomToFit(); + this.uiStore.stateIsDirty = true; void this.$externalHooks().run('template.open', { templateId, @@ -3766,13 +3761,12 @@ export default defineComponent({ // exist const actionWatcher = this.workflowsStore.$onAction(({ name, after, args }) => { if (name === 'addNode' && args[0].type === nodeTypeName) { - after(() => { + after(async () => { const lastAddedNode = this.nodes[this.nodes.length - 1]; const previouslyAddedNode = this.nodes[this.nodes.length - 2]; - void this.$nextTick(() => - this.connectTwoNodes(previouslyAddedNode.name, 0, lastAddedNode.name, 0), - ); + await this.$nextTick(); + this.connectTwoNodes(previouslyAddedNode.name, 0, lastAddedNode.name, 0); // Position the added node to the right side of the previously added one lastAddedNode.position = [