Fix: Fixed the issue where tag content would overflow the container #8392 (#8393)

### What problem does this PR solve?

Fix: Fixed the issue where tag content would overflow the container
#8392
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
This commit is contained in:
balibabu
2025-06-20 16:33:46 +08:00
committed by GitHub
parent bb3d3f921a
commit 887651e5fa

View File

@ -74,7 +74,7 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
}; };
return ( return (
<div className="flex gap-[8px] items-start"> <div>
{Array.isArray(tagChild) && tagChild.length > 0 && ( {Array.isArray(tagChild) && tagChild.length > 0 && (
<TweenOneGroup <TweenOneGroup
className={styles.tweenGroup} className={styles.tweenGroup}
@ -96,7 +96,6 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
</TweenOneGroup> </TweenOneGroup>
)} )}
{inputVisible ? ( {inputVisible ? (
<div className="w-[180px] mb-[8px]">
<Input <Input
ref={inputRef} ref={inputRef}
type="text" type="text"
@ -106,13 +105,10 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
onBlur={handleInputConfirm} onBlur={handleInputConfirm}
onPressEnter={handleInputConfirm} onPressEnter={handleInputConfirm}
/> />
</div>
) : ( ) : (
<div className="mb-[8px]">
<Tag onClick={showInput} style={tagPlusStyle}> <Tag onClick={showInput} style={tagPlusStyle}>
<PlusOutlined /> <PlusOutlined />
</Tag> </Tag>
</div>
)} )}
</div> </div>
); );