ant-design / ant-design/pro-components

🐛[BUG] DrawerForm两次打开Modal后z-index错乱

Open
#8,667 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 描述

项目需要在表单提交时先调接口做个验证,二次确认点击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

### 🚑 其他信息

截屏2024-08-23 14 53 42

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.