From 08c1fbf93adda4af411e733a75fed097432d5da7 Mon Sep 17 00:00:00 2001
From: Mathieu Laurent <mathieu.laurent@gmail.com>
Date: Thu, 28 Mar 2024 16:27:37 +0100
Subject: [PATCH] fix(tabs): fix disable animation (#870)

* fix(tabs): fix disable animation
fix: https://github.com/oruga-ui/oruga/issues/863

* fix(steps): fix disable animation same bug as tabItem
fix: https://github.com/oruga-ui/oruga/issues/863
---
 packages/oruga/src/components/steps/StepItem.vue | 2 +-
 packages/oruga/src/components/tabs/TabItem.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/oruga/src/components/steps/StepItem.vue b/packages/oruga/src/components/steps/StepItem.vue
index b8e4028f6..23654b2e4 100644
--- a/packages/oruga/src/components/steps/StepItem.vue
+++ b/packages/oruga/src/components/steps/StepItem.vue
@@ -164,7 +164,7 @@ const elementClasses = defineClasses(["itemClass", "o-steps__item"]);
 
 <template>
     <Transition
-        :disabled="!parent.animated"
+        :css="parent.animated"
         :name="transitionName"
         :appear="parent.animateInitially"
         @after-enter="afterEnter"
diff --git a/packages/oruga/src/components/tabs/TabItem.vue b/packages/oruga/src/components/tabs/TabItem.vue
index 8ee965372..be95a492b 100644
--- a/packages/oruga/src/components/tabs/TabItem.vue
+++ b/packages/oruga/src/components/tabs/TabItem.vue
@@ -175,7 +175,7 @@ const headerTextClasses = defineClasses([
 
 <template>
     <Transition
-        :disabled="!parent.animated"
+        :css="parent.animated"
         :name="transitionName"
         :appear="parent.animateInitially"
         @after-enter="afterEnter"