ant-design / ant-design/pro-components
🐛[BUG]移动端下SiderMenu无法铺平整个屏幕
- 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 描述

布局配置:mix
### 📷 复现步骤
切换到移动端,页面高度超过100vh
### 🏞 期望结果

### 💻 复现代码
无
### © 版本信息
- ProComponents 版本: "@ant-design/pro-components": "^2.6.48",
- 浏览器环境: Chrome 127
- 开发环境: Windows

发现是Drawer里面有个ant-drawer-inline强制修改了ant-drawer-mask布局,把ant-drawer-inline设置成position: fixed就行
Contributor guide
Research direction
Start at the mobile SiderMenu and its Drawer layout, focusing on the ant-drawer-inline element and how it affects the ant-drawer-mask when the page exceeds 100vh. Reproduce the issue in the mix layout on mobile Chrome, then verify that the SiderMenu covers the full screen height without breaking the Drawer mask.
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
- 38/100