Materialize: Cannot do anything with nested modal

[tavsta]

Description

When opening a modal inside another modal. I can't not do anything except closing modal by clicking on .modal-overlay

Screenshots

Open parent modal

Inside parent modal, I open other modal, so I cann't do anything...

[developeranirudhprabhu]

@tavsta Can you mention your exact requirement and if possible share the code. In one of my projects i had requirement which was very much similar to this. What i opted for was placing all the modal screens in a single modal and toggling their visibility as per requirement.

[tavsta]

I know your solution, but we can't open multiple modals with a single modal. I want they appear at the same time.
I think materialize css has problem with z-index in .modal-overlay. I worked around by setting all .moda-overlays has same z-index.

[developeranirudhprabhu]

@tavsta Can you share your code?

[acburst]

Take a look at the code for this http://materializecss.com/test/html/multiple_modals.html

[avrahamcool]

having all the modals in the same level of hierarchy is not an ideal solution.
I need to open a modal that can open another modal, and this modal can open a modal and so on infinitely..
putting all of this modals in a single level of hierarchy, will require all of my module to know about this modal structure. and I will lose the ability to have disconnected modules.