From 220087c172271972c8332b6f3ad83f216c2c9313 Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Tue, 15 Apr 2025 13:36:22 +0000
Subject: [PATCH] fix(mobile): cannot change tag color (#11708)

fix AF-2402
---
 .../core/src/components/tags/tag-edit-menu.css.ts      |  6 ++++++
 .../core/src/components/tags/tag-edit-menu.tsx         | 10 +++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/core/src/components/tags/tag-edit-menu.css.ts b/packages/frontend/core/src/components/tags/tag-edit-menu.css.ts
index 2692bf491a..8173755755 100644
--- a/packages/frontend/core/src/components/tags/tag-edit-menu.css.ts
+++ b/packages/frontend/core/src/components/tags/tag-edit-menu.css.ts
@@ -47,6 +47,12 @@ export const mobileTagEditDeleteRow = style({
   color: cssVarV2('button/error'),
 });
 
+export const mobileTagEditTrigger = style({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+});
+
 export const spacer = style({
   flex: 1,
 });
diff --git a/packages/frontend/core/src/components/tags/tag-edit-menu.tsx b/packages/frontend/core/src/components/tags/tag-edit-menu.tsx
index 6a835c9e76..691dd6aee7 100644
--- a/packages/frontend/core/src/components/tags/tag-edit-menu.tsx
+++ b/packages/frontend/core/src/components/tags/tag-edit-menu.tsx
@@ -131,8 +131,10 @@ const MobileTagEditMenu = ({
   const [localTag, setLocalTag] = useState({ ...tag });
 
   useEffect(() => {
-    setLocalTag({ ...tag });
-  }, [tag]);
+    if (localTag.value !== tag.value) {
+      setLocalTag({ ...tag });
+    }
+  }, [tag, localTag.value]);
 
   const handleTriggerClick: MouseEventHandler<HTMLDivElement> = useCallback(
     e => {
@@ -210,7 +212,9 @@ const MobileTagEditMenu = ({
           </ConfigModal.Row>
         </ConfigModal.RowGroup>
       </ConfigModal>
-      <div onClick={handleTriggerClick}>{children}</div>
+      <div onClick={handleTriggerClick} className={styles.mobileTagEditTrigger}>
+        {children}
+      </div>
     </>
   );
 };