fix: Remove tag animation (#6821)

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>

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>