From 7cc5a05bd360cd770ff4af296604a4e316649fa1 Mon Sep 17 00:00:00 2001
From: Charlie Kolb <charlie@n8n.io>
Date: Mon, 7 Jul 2025 14:59:08 +0200
Subject: [PATCH] fix(editor): Restore valid drag state when NDV is closed via
 ESC while dragging  (#16758)

---
 .../frontend/editor-ui/src/components/Draggable.vue    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/editor-ui/src/components/Draggable.vue b/packages/frontend/editor-ui/src/components/Draggable.vue
index ea4a79a120..9d17362584 100644
--- a/packages/frontend/editor-ui/src/components/Draggable.vue
+++ b/packages/frontend/editor-ui/src/components/Draggable.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { DraggableMode, XYPosition } from '@/Interface';
 import { isPresent } from '@/utils/typesUtils';
-import { type StyleValue, computed, ref } from 'vue';
+import { type StyleValue, computed, onBeforeUnmount, ref } from 'vue';
 
 type Props = {
 	type: DraggableMode;
@@ -113,8 +113,14 @@ const onDragEnd = () => {
 		if (draggingElement.value) emit('dragend', draggingElement.value);
 		isDragging.value = false;
 		draggingElement.value = undefined;
-	}, 0);
+	});
 };
+
+onBeforeUnmount(() => {
+	if (draggingElement.value) {
+		emit('dragend', draggingElement.value);
+	}
+});
 </script>
 
 <template>