ant-design / ant-design/pro-components
🐛[BUG] Protable search表单如果设置span为固定值,在屏幕缩小时不会自适应布局,查询和重置button会超出小屏幕宽度,且表单项不会自动换行
- Dominant language
- TypeScript
- Stars
- 4.8k
- Forks
- 1.4k
- Avg merge
- 10h 44m
- Merged PRs (30d)
- 3
Description
提问前先看看:
https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md
### 🐛 bug 描述
Protable search表单如果设置span为固定值,在屏幕缩小时不会自适应布局,查询和重置button会超出小屏幕宽度,且表单项不会自动换行;
如果将span设置成自适应栅格布局,则「vertical」布局失效,
### 📷 复现步骤
search={{
layout: 'vertical',
span: 3,
}}
form={{
layout: "vertical",
colon: false,
// wrapperCol: {
// span: 24 // 属性值受限于Search的span,即为search的span * 这里的span / 24
// }
}}
### 🏞 期望结果
### 💻 复现代码
### © 版本信息
- ProComponents 版本:2.7.19
- umi 版本:"@umijs/max": "^4.3.25",
- 浏览器环境: chrome
- 开发环境 [e.g. mac OS]
### 🚑 其他信息
Contributor guide
Research direction
Start at the ProTable search form implementation and trace how a fixed search span, responsive sizing, and vertical form layout are handled. Reproduce the reported configuration in a narrow viewport, then verify that form items wrap and the query and reset buttons remain within the screen while vertical layout still works.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100