ant-design / ant-design/pro-components

🐛[BUG] ProTable 与 Breadcrumb 组合使用造成,搜索按钮与 input 错位

Open
#7,627 0 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 描述

![image](https://github.com/ant-design/pro-components/assets/3166799/c2678c9d-cb20-4aed-81ed-92973247ac92)

![image](https://github.com/ant-design/pro-components/assets/3166799/7b6e4d26-09d0-42c3-913b-fc380a0d9034)

屏蔽 margin: 0; 则能恢复正常如下。

![image](https://github.com/ant-design/pro-components/assets/3166799/f5c6693c-c4e3-4f55-bc75-8416b738eae7)

请问这是什么问题导致的

显示器配置如下

![image](https://github.com/ant-design/pro-components/assets/3166799/d7d836fc-9df0-454a-8a9b-c2ff5cd4fdd0)

### 📷 复现步骤

https://rlsvjy.csb.app/

Contributor guide

Open the contributing guide

Research direction

Open the linked CodeSandbox reproduction and inspect how ProTable and Breadcrumb styles interact, focusing on the reported margin: 0 rule and the search input/button alignment. Confirm the cause across the shown display configuration, then ensure the combined layout is aligned without requiring the workaround.

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.