Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

nzIndex drawer #8353

Open
egalley opened this issue Jan 11, 2024 · 3 comments
Open

nzIndex drawer #8353

egalley opened this issue Jan 11, 2024 · 3 comments
Assignees

Comments

@egalley
Copy link

egalley commented Jan 11, 2024

Reproduction link

https://stackblitz.com/edit/angular-rntc7j?file=src%2Fapp%2Fapp.component.ts

Steps to reproduce

  1. Show a modal
  2. Add a button in the modal to show the drawer (nzZIndex = 1001)

What is expected?

Drawer should be over the modal like it used to work.

What is actually happening?

Drawer is under the modal and cannot be accessed

Environment Info
ng-zorro-antd 17.1.0
Browser Chrome / Edge / Opera
@ParsaArvanehPA
Copy link
Contributor

Hi @egalley
Thank you for submitting this issue;
If it's alright by everyone, I can start working on this issue.

In the meanwhile, you can use this hack to get it working in your code:

::ng-deep {
.cdk-global-overlay-wrapper:has(.ant-drawer) {
    z-index: 1001;
  }
}

Although mind the has pseudo-class support as it is not that great when it comes to firefox.

@egalley
Copy link
Author

egalley commented Jan 15, 2024

Thank you Parsa for taking in account this issue and to find me a temporary solution.

@ParsaArvanehPA
Copy link
Contributor

Greetings @egalley

This pr should fix this issue #8373

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants