From 135b8bd4f5ed02acc9446065427f567530c52bd1 Mon Sep 17 00:00:00 2001
From: LeanDeR <34670582+auxpd@users.noreply.github.com>
Date: Thu, 8 May 2025 22:49:40 +0800
Subject: [PATCH] fix(workflow): Fix the expand/collapse animation effect
 (#19398)

---
 .../workflow/run/iteration-log/iteration-result-panel.tsx   | 6 ++++--
 .../components/workflow/run/loop-log/loop-result-panel.tsx  | 6 ++++--
 web/app/components/workflow/run/loop-result-panel.tsx       | 6 ++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx b/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx
index ac80d7e39e..bba39bf4d6 100644
--- a/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx
+++ b/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx
@@ -109,8 +109,10 @@ const IterationResultPanel: FC<Props> = ({
               className="h-px grow bg-divider-subtle"
             ></div>}
             <div className={cn(
-              'overflow-hidden transition-all duration-200',
-              expandedIterations[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0',
+              'transition-all duration-200',
+              expandedIterations[index]
+                ? 'opacity-100'
+                : 'max-h-0 opacity-0 overflow-hidden',
             )}>
               <TracingPanel
                 list={iteration}
diff --git a/web/app/components/workflow/run/loop-log/loop-result-panel.tsx b/web/app/components/workflow/run/loop-log/loop-result-panel.tsx
index 3282c17e35..77ba6f886a 100644
--- a/web/app/components/workflow/run/loop-log/loop-result-panel.tsx
+++ b/web/app/components/workflow/run/loop-log/loop-result-panel.tsx
@@ -115,8 +115,10 @@ const LoopResultPanel: FC<Props> = ({
               className="h-px grow bg-divider-subtle"
             ></div>}
             <div className={cn(
-              'overflow-hidden transition-all duration-200',
-              expandedLoops[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0',
+              'transition-all duration-200',
+              expandedLoops[index]
+                ? 'opacity-100'
+                : 'max-h-0 opacity-0 overflow-hidden',
             )}>
               {
                 loopVariableMap?.[index] && (
diff --git a/web/app/components/workflow/run/loop-result-panel.tsx b/web/app/components/workflow/run/loop-result-panel.tsx
index c66e8cb4b5..7176a4a2b2 100644
--- a/web/app/components/workflow/run/loop-result-panel.tsx
+++ b/web/app/components/workflow/run/loop-result-panel.tsx
@@ -82,8 +82,10 @@ const LoopResultPanel: FC<Props> = ({
               className="h-px grow bg-divider-subtle"
             ></div>}
             <div className={cn(
-              'overflow-hidden transition-all duration-200',
-              expandedLoops[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0',
+              'transition-all duration-200',
+              expandedLoops[index]
+                ? 'opacity-100'
+                : 'max-h-0 opacity-0 overflow-hidden',
             )}>
               <TracingPanel
                 list={loop}