diff --git a/packages/editor-ui/src/components/Node.vue b/packages/editor-ui/src/components/Node.vue
index d8af701f4c..ab134df115 100644
--- a/packages/editor-ui/src/components/Node.vue
+++ b/packages/editor-ui/src/components/Node.vue
@@ -12,7 +12,7 @@
 			<div class="node-executing-info" title="Node is executing">
 				<font-awesome-icon icon="sync-alt" spin />
 			</div>
-			<div class="node-options" v-if="!isReadOnly">
+			<div class="node-options no-select-on-click" v-if="!isReadOnly">
 				<div v-touch:tap="deleteNode" class="option" title="Delete Node" >
 					<font-awesome-icon icon="trash" />
 				</div>
diff --git a/packages/editor-ui/src/components/mixins/nodeBase.ts b/packages/editor-ui/src/components/mixins/nodeBase.ts
index 830d7ed2e0..bc8c3b1cc0 100644
--- a/packages/editor-ui/src/components/mixins/nodeBase.ts
+++ b/packages/editor-ui/src/components/mixins/nodeBase.ts
@@ -341,6 +341,14 @@ export const nodeBase = mixins(
 			}
 		},
 		mouseLeftClick (e: MouseEvent) {
+			// @ts-ignore
+			const path = e.path || (e.composedPath && e.composedPath());
+			for (let index = 0; index < path.length; index++) {
+				if (path[index].className && typeof path[index].className === 'string' && path[index].className.includes('no-select-on-click')) {
+					return;
+				}
+			}
+
 			if (!this.isTouchDevice) {
 				if (this.$store.getters.isActionActive('dragActive')) {
 					this.$store.commit('removeActiveAction', 'dragActive');