ant-design / ant-design/pro-components

🐛[BUG] ProLayout移动端抽屉开启后页面仍然能向下滚动

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

### 🐛 bug 描述
ProLayout 组件,在移动端,打开抽屉后页面仍然能够向下滚动内容,并且抽屉会跟随滚动,导致显示异常,如图。

![Snipaste_2024-09-29_17-01-33](https://github.com/user-attachments/assets/62789adf-5d4d-439f-b132-0968597efeb4)

### 📷 复现步骤

[**Sandbox 复现 demo 地址**](https://codesandbox.io/p/sandbox/antd-pro-components-demo-pgjyr3)

### 🏞 期望结果

打开抽屉后禁止页面滚动

### 💻 复现代码

[**Sandbox 复现 demo 地址**](https://codesandbox.io/p/sandbox/antd-pro-components-demo-pgjyr3)

### © 版本信息

- ProComponents 版本: [2.7.19]
- 浏览器环境:**Chrome、Edge、Android WebView 均可复现**
- 开发环境 [Windows]

### 🚑 其他信息

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox reproduction and the ProLayout mobile drawer entry point. Confirm that opening the drawer still allows the page to scroll and that the drawer follows the scroll; done means the page remains fixed while the drawer is open in the listed browser environments.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.