🐛 Fix draggable memory leak (#2503)

* attempt fix

* wrap in try catch

* Revert "wrap in try catch"

4b0444747f7c2f724c18f7bab6b769fba1727f07

* ⚡ Improve comment

Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>

packages/editor-ui/src/views/NodeView.vue

@@ -2003,10 +2003,8 @@ export default mixins(
 				this.$store.commit('renameNodeSelectedAndExecution', { old: currentName, new: newName });
 
 				// Reset all nodes and connections to load the new ones
-				if (this.instance) {
+				this.deleteEveryEndpoint();
-					// On first load it does not exist
+
-					this.instance.deleteEveryEndpoint();
-				}
 				this.$store.commit('removeAllConnections');
 				this.$store.commit('removeAllNodes', {setStateDirty: true});
 
@@ -2020,6 +2018,16 @@ export default mixins(
 				this.deselectAllNodes();
 				this.nodeSelectedByName(newName);
 			},
+			deleteEveryEndpoint () {
+				// Check as it does not exist on first load
+				if (this.instance) {
+					const nodes = this.$store.getters.allNodes as INodeUi[];
+					// @ts-ignore
+					nodes.forEach((node: INodeUi) => this.instance.destroyDraggable(`${NODE_NAME_PREFIX}${this.$store.getters.getNodeIndex(node.name)}`));
+
+					this.instance.deleteEveryEndpoint();
+				}
+			},
 			matchCredentials(node: INodeUi) {
 				if (!node.credentials) {
 					return;
@@ -2336,10 +2344,7 @@ export default mixins(
 			},
 			resetWorkspace () {
 				// Reset nodes
-				if (this.instance) {
+				this.deleteEveryEndpoint();
-					// On first load it does not exist
-					this.instance.deleteEveryEndpoint();
-				}
 
 				if (this.executionWaitingForWebhook === true) {
 					// Make sure that if there is a waiting test-webhook that