From 993227397af944422932714331457dad728f9fe0 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Tue, 1 Apr 2025 14:07:00 +0800
Subject: [PATCH] fix: update unmount logic and adjust schema node styles

---
 .../visual-editor/edit-card/index.tsx                         | 4 ++--
 .../json-schema-config-modal/visual-editor/schema-node.tsx    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx
index 4935d9bc51..52950468d9 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx
@@ -197,7 +197,7 @@ const EditCard: FC<EditCardProps> = ({
   }, [isAddingNewField, emit, setIsAddingNewField, setAdvancedEditing, backupFields])
 
   useUnmount(() => {
-    if (isAdvancedEditing || isAddingNewField || blurWithActions.current) return
+    if (isAdvancedEditing || blurWithActions.current) return
     emitFieldChange()
   })
 
@@ -248,7 +248,7 @@ const EditCard: FC<EditCardProps> = ({
         )}
       </div>
 
-      {(currentFields.description || isAdvancedEditing) && (
+      {(fields.description || isAdvancedEditing) && (
         <div className={classNames('flex', isAdvancedEditing ? 'p-2 pt-1' : 'px-2 pb-1')}>
           <input
             value={currentFields.description}
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
index 9fd9e37820..70a6b861ad 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
@@ -136,8 +136,8 @@ const SchemaNode: FC<SchemaNodeProps> = ({
       </div>
 
       <div className={classNames(
-        'flex justify-center w-5 absolute top-7 z-0',
-        schema.description ? 'h-[calc(100%-3rem)]' : 'h-[calc(100%-1.75rem)]',
+        'flex justify-center w-5 absolute z-0',
+        schema.description ? 'h-[calc(100%-3rem)] top-12' : 'h-[calc(100%-1.75rem)] top-7',
         indentLeft[depth],
       )}>
         <Divider