From 52aafe07372dd3dd46ddc8e4ad14de08f02fb4e8 Mon Sep 17 00:00:00 2001
From: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>
Date: Tue, 1 Aug 2023 14:04:16 +0200
Subject: [PATCH] fix: Remove tag animation (#6821)

---
 packages/editor-ui/src/components/Badge.vue       | 15 +++++++++++++--
 .../editor-ui/src/components/TagsContainer.vue    |  9 ++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/editor-ui/src/components/Badge.vue b/packages/editor-ui/src/components/Badge.vue
index 1a70af7870..25ffed271c 100644
--- a/packages/editor-ui/src/components/Badge.vue
+++ b/packages/editor-ui/src/components/Badge.vue
@@ -1,8 +1,19 @@
 <template>
-	<el-tag v-if="type === 'danger'" type="danger" size="small" :class="$style['danger']">
+	<el-tag
+		v-if="type === 'danger'"
+		type="danger"
+		size="small"
+		:class="$style['danger']"
+		:disable-transitions="true"
+	>
 		{{ text }}
 	</el-tag>
-	<el-tag v-else-if="type === 'warning'" size="small" :class="$style['warning']">
+	<el-tag
+		v-else-if="type === 'warning'"
+		size="small"
+		:class="$style['warning']"
+		:disable-transitions="true"
+	>
 		{{ text }}
 	</el-tag>
 </template>
diff --git a/packages/editor-ui/src/components/TagsContainer.vue b/packages/editor-ui/src/components/TagsContainer.vue
index dadbe98821..342b662d34 100644
--- a/packages/editor-ui/src/components/TagsContainer.vue
+++ b/packages/editor-ui/src/components/TagsContainer.vue
@@ -21,6 +21,7 @@
 					size="small"
 					v-if="tag.isCount"
 					class="count-container"
+					:disable-transitions="true"
 				>
 					{{ tag.name }}
 				</el-tag>
@@ -31,7 +32,13 @@
 					:event-bus="intersectionEventBus"
 					v-else
 				>
-					<el-tag :title="tag.name" type="info" size="small" :class="{ hoverable }">
+					<el-tag
+						:title="tag.name"
+						type="info"
+						size="small"
+						:class="{ hoverable }"
+						:disable-transitions="true"
+					>
 						{{ tag.name }}
 					</el-tag>
 				</IntersectionObserved>