Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Modal Stacking

davesmacer priority asked 1 year ago

I wanted to ask if there's a way of stacking modals (open modal on top of a modal and maybe on top of another modal). I'm playing with z-index, but the problem is basically that the .modal-backdrop is not related to each modal, so there is no way of knowing with certainty which backdrop belongs to which modal.

Best Regards

davesmacer priority answered 1 year ago

I want to use invasive one to block everything else on the page, even previous modals

Kamila Pieńkowska staff commented 1 year ago

It is not possible. When using a regular modal opening new will close the previous one. If you try to cheat and open two modals with JS you will get one modal and two backdrops, out of which one will not disappear when clicked.

davesmacer priority commented 1 year ago

It is possible, I did it. I wanted to show a "Please wait" modal on top of another modal that asks for user input. They are both blocking and they appear on top of each other. even made it so that I can stack them as much as I want. Sorry to hear you can't.

Kamila Pieńkowska staff answered 1 year ago

You just need to use modal non-invasive. They can be stacked without any customization.

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.4.2
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags
mdbmodal stacking
About author
davesmacer
0Support score
13Questions 7Answers 2Snippets