From 03c01a9693bf754fec175fcdc45cb6191fb452f5 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Mon, 25 Mar 2024 08:05:24 +0000
Subject: [PATCH] fix(core): edit tag input autofocus (#6296)

close TOV-724
---
 .../core/src/components/page-list/tags/create-tag.tsx    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/core/src/components/page-list/tags/create-tag.tsx b/packages/frontend/core/src/components/page-list/tags/create-tag.tsx
index 720cd27f4..457797eda 100644
--- a/packages/frontend/core/src/components/page-list/tags/create-tag.tsx
+++ b/packages/frontend/core/src/components/page-list/tags/create-tag.tsx
@@ -38,7 +38,7 @@ export const CreateOrEditTag = ({
   const t = useAFFiNEI18N();
   const [menuOpen, setMenuOpen] = useState(false);
 
-  const [tagName, setTagName] = useState(tagMeta?.title);
+  const [tagName, setTagName] = useState(tagMeta?.title || '');
   const handleChangeName = useCallback((value: string) => {
     setTagName(value);
   }, []);
@@ -128,10 +128,14 @@ export const CreateOrEditTag = ({
   }, [open, onOpenChange, menuOpen, onClose]);
 
   useEffect(() => {
-    setTagName(tagMeta?.title);
+    setTagName(tagMeta?.title || '');
     setTagIcon(tagMeta?.color || randomTagColor());
   }, [tagMeta?.color, tagMeta?.title]);
 
+  if (!open) {
+    return null;
+  }
+
   return (
     <div className={styles.createTagWrapper} data-show={open}>
       <Menu
@@ -152,6 +156,7 @@ export const CreateOrEditTag = ({
         onEnter={onConfirm}
         value={tagName}
         onChange={handleChangeName}
+        autoFocus
       />
       <Button className={styles.cancelBtn} onClick={onClose}>
         {t['Cancel']()}