ant-design / ant-design/pro-components
🐛[BUG] ProFormSelect 多选Tags出现每行的tags间距不对齐
- Dominant language
- TypeScript
- Stars
- 4.8k
- Forks
- 1.4k
- Avg merge
- 10h 44m
- Merged PRs (30d)
- 3
Description
### 🐛 bug 描述
当ProFormSelect 用tags mode时候,多选的情况下每行的tags间距不对齐(只有最后一行padding是对的)
而antd Select并没有对齐问题
> ProFormSelect tags
> 
> [antd Select tags](https://ant.design/components/select-cn#select-demo-big-data)
> 
### 📷 复现步骤
tags mode的情况下,持续写入新的value,直至多行tags
### 🏞 期望结果
解决tags行之间的距离不对齐问题
### 💻 复现代码
```
tags.map(str => str.toUpperCase())}
options={partTags}
placeholder={''}
/>
```
### © 版本信息
"antd": "^5.25.0",
"@ant-design/pro-components": "^2.8.2",
Contributor guide
Research direction
Start from the ProFormSelect component and reproduce the issue with tags mode using the provided example, entering enough values to wrap tags onto multiple lines. Compare its rendered spacing with the Ant Design Select tags demo. Done means every wrapped tags row has consistent spacing and the existing example continues to work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100