ant-design / ant-design/pro-components

🐛[BUG] ProLayout在小屏幕设备上menu折叠后手工展开, 此时如果content有滚动条, 下滑看到menu drawer下方都是透明的.

Open
#8,413 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

### 🐛 bug 描述
ProLayout在小屏幕设备上menu折叠后手工展开, 此时如果content有滚动条, 下滑看到menu drawer下方都是透明的.

### 📷 复现步骤
见复现代码
![image](https://github.com/ant-design/pro-components/assets/13188450/79ee624a-11cf-4844-9f4e-d8afea1aa94c)

### 🏞 期望结果
和2.6.x一样展开menu后不可滚动

### 💻 复现代码
[复现代码](https://codesandbox.io/p/sandbox/procomponent-v2-7-1-issue-68fr86)
[官方给出的DEMO没有问题, 版本升级到2.7.1后可复现](https://codesandbox.io/s/f56qlz)

### © 版本信息
- ProComponents 版本: 2.7.1

Contributor guide

Open the contributing guide

Research direction

Start with the ProLayout implementation and the linked CodeSandbox reproduction, using the reported ProComponents 2.7.1 behavior on a small-screen device as the baseline. Verify the menu drawer after manual expansion while the content can scroll, and compare the result with the expected 2.6.x behavior: the drawer should remain opaque below and the page should not scroll.

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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.