From 2f40a7f98a4cea990d6c57cba8efa6fbd9c622e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 29 Dec 2022 12:23:10 +0100
Subject: [PATCH] fix(editor): Make node title non-editable in executions view
 (#5046)

:bug: Fix node title non-editable in executions
---
 packages/editor-ui/src/components/NodeTitle.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue
index 9932c0c65e829..a5a045b6be5e2 100644
--- a/packages/editor-ui/src/components/NodeTitle.vue
+++ b/packages/editor-ui/src/components/NodeTitle.vue
@@ -1,7 +1,7 @@
 <template>
 	<span :class="$style.container" data-test-id="node-title-container" @click="onEdit">
 		<span :class="$style.iconWrapper"><NodeIcon :nodeType="nodeType" :size="18" /></span>
-		<n8n-popover placement="right" width="200" :value="editName" :disabled="readOnly">
+		<n8n-popover placement="right" width="200" :value="editName" :disabled="!editable">
 			<div
 				:class="$style.editContainer"
 				@keydown.enter="onRename"
@@ -28,10 +28,10 @@
 				</div>
 			</div>
 			<template #reference>
-				<div class="ph-no-capture" :class="{ [$style.title]: true, [$style.hoverable]: !readOnly }">
+				<div class="ph-no-capture" :class="{ [$style.title]: true, [$style.hoverable]: editable }">
 					{{ value }}
 					<div :class="$style.editIconContainer">
-						<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" />
+						<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="editable" />
 					</div>
 				</div>
 			</template>
@@ -60,6 +60,11 @@ export default Vue.extend({
 			newName: '',
 		};
 	},
+	computed: {
+		editable(): boolean {
+			return !this.readOnly && window === window.parent;
+		},
+	},
 	methods: {
 		onEdit() {
 			this.newName = this.value;