From acef4a40b0940146b7ea73593fb84d04ba55be30 Mon Sep 17 00:00:00 2001
From: NFish <douxinchao@dify.ai>
Date: Thu, 12 Mar 2026 10:16:35 +0800
Subject: [PATCH] fix: allow line breaks when a field value overflows due to
 excessive length.

---
 .../workflow/nodes/if-else/components/condition-value.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/nodes/if-else/components/condition-value.tsx b/web/app/components/workflow/nodes/if-else/components/condition-value.tsx
index 6afa708494..5b04a0edd7 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-value.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-value.tsx
@@ -76,14 +76,14 @@ const ConditionValue = ({
   }, [isSelect, t, value])
 
   return (
-    <div className="flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1">
+    <div className="flex flex-wrap items-center rounded-md bg-workflow-block-parma-bg">
       <VariableLabelInText
-        className="w-0 grow"
+        className="flex min-w-0 shrink-0 items-center border-none bg-transparent shadow-none"
         variables={variableSelector}
         nodeTitle={node?.data.title}
         nodeType={node?.data.type}
         isExceptionVariable={isException}
-        notShowFullPath
+        notShowFullPath={false}
       />
       <div
         className="mx-1 shrink-0 text-xs font-medium text-text-primary"
@@ -93,7 +93,7 @@ const ConditionValue = ({
       </div>
       {
         !notHasValue && (
-          <div className="shrink-[3] truncate text-xs text-text-secondary" title={formatValue}>{isSelect ? selectName : formatValue}</div>
+          <div className="grow truncate px-1.5 text-xs leading-6 text-text-secondary" title={formatValue}>{isSelect ? selectName : formatValue}</div>
         )
       }
     </div>