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.

Sign up for GitHub

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

Jump to bottom

Backdrop does not work on stacked modal #4139

Closed
ysaxpn opened this issue Aug 4, 2021 · 0 comments · Fixed by #4243
Closed

Backdrop does not work on stacked modal #4139

ysaxpn opened this issue Aug 4, 2021 · 0 comments · Fixed by #4243
Labels
bootstrap 5 component: modal

Comments

@ysaxpn
Copy link

ysaxpn commented Aug 4, 2021 •
edited
Loading

Bug description:

Modal backdrop does not work on stacked modals.
It seems like ng-bootstrap override z-index of backdrop as 1050 to support stacked modal. The z-index of modal is 1050 on Bootstrap V4, but it is 1060 on Bootstrap V5, so it is not working anymore.

Link to minimally-working StackBlitz that reproduces the issue:

https://stackblitz.com/edit/angular-c8lial?file=package.json

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 12.0.5

ng-bootstrap: 11.0.0 beta 2

Bootstrap: 5.0.2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bootstrap 5 component: modal
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(modal): upgrade z-index for backdrop fbasso/ng-bootstrap
3 participants
@pkozlowski-opensource @fbasso @ysaxpn