ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

a bug when using a-drawer in a-modal

Open Creat55 opened this issue 1 year ago • 2 comments
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

https://codeshare.io/R7BeRO

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

Creat55 avatar Mar 21 '24 10:03 Creat55

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.

Creat55 avatar Mar 21 '24 10:03 Creat55

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

github-actions[bot] avatar May 21 '24 02:05 github-actions[bot]