ant-design / ant-design/pro-components
🐛[BUG] DrawerForm两次打开Modal后z-index错乱
- 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 描述
项目需要在表单提交时先调接口做个验证,二次确认点击Modal按钮后再提交,初次点击确认关闭Modal后,不刷新页面,再次点击Drawer表单的提交,弹出的Modal会被DrawerForm自身挡住
### 📷 复现步骤
[codebox](https://codesandbox.io/p/sandbox/drawer-biao-dan-forked-ddw75g?workspaceId=b60106fc-6964-4e90-8c20-74a1bdf91034&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cm06c0f3r00062e6adbzemj6o%2522%252C%2522sizes%2522%253A%255B100%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cm06c0f3r00022e6apazmwd8f%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cm06c0f3r00032e6ak73dkwyg%2522%257D%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cm06c0f3r00052e6ado2isqeo%2522%257D%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cm06c0f3r00022e6apazmwd8f%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cm06c0f3r00012e6af55f44e7%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Findex.html%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522cm06c0f3r00022e6apazmwd8f%2522%252C%2522activeTabId%2522%253A%2522cm06c0f3r00012e6af55f44e7%2522%257D%252C%2522cm06c0f3r00052e6ado2isqeo%2522%253A%257B%2522id%2522%253A%2522cm06c0f3r00052e6ado2isqeo%2522%252C%2522activeTabId%2522%253A%2522cm06c16g3000z2e6aq5pvjwlp%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cm06c0f3r00042e6a6svs65oc%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%257D%252C%257B%2522type%2522%253A%2522SANDBOX_INFO%2522%252C%2522isCloud%2522%253Afalse%252C%2522id%2522%253A%2522cm06c0ua1000l2e6aq7ui30qm%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522id%2522%253A%2522cm06c16g3000z2e6aq5pvjwlp%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%257D%252C%2522cm06c0f3r00032e6ak73dkwyg%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522cm06c0f3r00032e6ak73dkwyg%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)
### 🏞 期望结果
期望Modal永远在DrawerForm上面
### 💻 复现代码
如上codebox
### © 版本信息
- ProComponents 版本: 本地是2.4.16,codebox是2.7.15
- umi 版本 本地3.5.0
- 浏览器环境 firefox/chrome都能复现
- 开发环境 macOS
### 🚑 其他信息
Contributor guide
Research direction
Start with the linked CodeSandbox and reproduce the sequence of submitting a DrawerForm, confirming the Modal, then submitting again without refreshing. Trace the DrawerForm and Modal entry points used by the example and compare their stacking behavior; done means the Modal remains above the DrawerForm on repeated openings.
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
- 30/100