ant-design / ant-design/pro-components

🐛[BUG]ProForm 包裹 ProList 引起 List 的 Search 显示异常,位置错乱

Open
#6,511 1 comment 0 reactions 0 assignees View on GitHub
⭕️ bug AI Reply form
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

情况一、
search={{
filterType: 'light',
}}
![image](https://user-images.githubusercontent.com/12421552/212274415-5d236a83-00bf-430f-aa36-0ccfbbdaa001.png)

情况二、
search={{}}
![image](https://user-images.githubusercontent.com/12421552/212274457-5fc5b419-6872-4ef4-92f9-62bf6b0fa31f.png)

代码:
使用的是官方的

版本:

浏览器:
Chrome
版本 109.0.5414.75(正式版本) (64 位)
Microsoft Edge
版本 108.0.1462.76 (正式版本) (64 位)

"dependencies": {
"@ant-design/icons": "^4.7.0",
"@ant-design/pro-components": "^2.3.47",
"@ant-design/use-emotion-css": "1.0.4",
"@umijs/route-utils": "^2.1.3",
"antd": "^5.0.0",
"classnames": "^2.3.2",
"lodash": "^4.17.21",
"moment": "^2.29.4",
"omit.js": "^2.0.2",
"rc-menu": "^9.6.4",
"rc-util": "^5.24.4",
"react": "^18.0.0",
"react-dev-inspector": "^1.8.1",
"react-dom": "^18.0.0",
"react-helmet-async": "^1.3.0"
},

代码:
![image](https://user-images.githubusercontent.com/12421552/212519920-70f229de-95a0-4a37-9a8a-6f426f37df58.png)

Contributor guide

Open the contributing guide

Research direction

No repository file or test is named in the report. First reproduce the issue by wrapping ProList in ProForm with `search={{ filterType: 'light' }}` and with an empty search object, using the reported browser and dependency versions; then inspect the ProForm and ProList rendering paths. Done means the search area has the expected position in both cases.

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
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.