Skip to content

Commit 887651e

Browse files
authored
Fix: Fixed the issue where tag content would overflow the container infiniflow#8392 (infiniflow#8393)
### What problem does this PR solve? Fix: Fixed the issue where tag content would overflow the container infiniflow#8392 ### Type of change - [x] Bug Fix (non-breaking change which fixes an issue)
1 parent bb3d3f9 commit 887651e

File tree

1 file changed

+13
-17
lines changed

1 file changed

+13
-17
lines changed

web/src/components/edit-tag/index.tsx

Lines changed: 13 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
7474
};
7575

7676
return (
77-
<div className="flex gap-[8px] items-start">
77+
<div>
7878
{Array.isArray(tagChild) && tagChild.length > 0 && (
7979
<TweenOneGroup
8080
className={styles.tweenGroup}
@@ -96,23 +96,19 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
9696
</TweenOneGroup>
9797
)}
9898
{inputVisible ? (
99-
<div className="w-[180px] mb-[8px]">
100-
<Input
101-
ref={inputRef}
102-
type="text"
103-
size="small"
104-
value={inputValue}
105-
onChange={handleInputChange}
106-
onBlur={handleInputConfirm}
107-
onPressEnter={handleInputConfirm}
108-
/>
109-
</div>
99+
<Input
100+
ref={inputRef}
101+
type="text"
102+
size="small"
103+
value={inputValue}
104+
onChange={handleInputChange}
105+
onBlur={handleInputConfirm}
106+
onPressEnter={handleInputConfirm}
107+
/>
110108
) : (
111-
<div className="mb-[8px]">
112-
<Tag onClick={showInput} style={tagPlusStyle}>
113-
<PlusOutlined />
114-
</Tag>
115-
</div>
109+
<Tag onClick={showInput} style={tagPlusStyle}>
110+
<PlusOutlined />
111+
</Tag>
116112
)}
117113
</div>
118114
);

0 commit comments

Comments
 (0)