ant-design-vue
ant-design-vue copied to clipboard
a bug when using a-drawer in a-modal
trafficstars
- [ ] I have searched the issues of this repository and believe that this is not a duplicate.
Version
4.1.0
Environment
Chrome v123 ,Vue@latest
Reproduction link
Steps to reproduce
在a-modal中插入内嵌的a-drawer。由于a-modal的关闭按钮在header中,而插入的a-drawer在body中,且header中的z-index比body高,导致a-modal的关闭按钮出现在a-drawer抽屉之上
What is expected?
a-drawer覆盖掉a-modal的区域
What is actually happening?
amodal的关闭按钮露出来了
示例图:https://p.sda1.dev/16/0757a1d6d7406dc1d9b0bd4e69ec9a2f/image.png
There is a temporary solution, which is to set the z-index of .ant-modal-close to ”unset !important; “but this should not be the ideal solution.
This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days