From 3356de55ed23a536e92ad97cb78858042d3f258f Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Tue, 18 Feb 2025 15:26:24 +0800
Subject: [PATCH] Fix: Chunk problem tag content cannot be displayed
 completely. #5076 (#5077)

### What problem does this PR solve?

Fix: Chunk problem tag content cannot be displayed completely. #5076

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 web/src/components/edit-tag/index.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/web/src/components/edit-tag/index.tsx b/web/src/components/edit-tag/index.tsx
index b336a0878..676ba7ff9 100644
--- a/web/src/components/edit-tag/index.tsx
+++ b/web/src/components/edit-tag/index.tsx
@@ -1,6 +1,6 @@
 import { PlusOutlined } from '@ant-design/icons';
 import type { InputRef } from 'antd';
-import { Input, Tag, theme } from 'antd';
+import { Input, Tag, theme, Tooltip } from 'antd';
 import { TweenOneGroup } from 'rc-tween-one';
 import React, { useEffect, useRef, useState } from 'react';
 
@@ -50,17 +50,19 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
 
   const forMap = (tag: string) => {
     return (
-      <Tag
-        key={tag}
-        className={styles.tag}
-        closable
-        onClose={(e) => {
-          e.preventDefault();
-          handleClose(tag);
-        }}
-      >
-        {tag}
-      </Tag>
+      <Tooltip title={tag}>
+        <Tag
+          key={tag}
+          className={styles.tag}
+          closable
+          onClose={(e) => {
+            e.preventDefault();
+            handleClose(tag);
+          }}
+        >
+          {tag}
+        </Tag>
+      </Tooltip>
     );
   };