ant-design / ant-design/pro-components

🐛[BUG] Protable search表单如果设置span为固定值,在屏幕缩小时不会自适应布局,查询和重置button会超出小屏幕宽度,且表单项不会自动换行

Open
#8,836 2 comments 0 reactions 0 assignees View on GitHub
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」布局失效,
image

### 📷 复现步骤

search={{
layout: 'vertical',
span: 3,
}}
form={{
layout: "vertical",
colon: false,
// wrapperCol: {
// span: 24 // 属性值受限于Search的span,即为search的span * 这里的span / 24
// }
}}
### 🏞 期望结果

image

### 💻 复现代码

### © 版本信息

- ProComponents 版本:2.7.19
- umi 版本:"@umijs/max": "^4.3.25",
- 浏览器环境: chrome
- 开发环境 [e.g. mac OS]

### 🚑 其他信息

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.