Added stacking to Modal #2644
Added stacking to Modal #2644
Conversation
|
We won't do this—stacking modals is never a good experience. In the future, we should allow for swapping content of the same modal instance though, but unclear of how or when that will happen. |
|
How can i avoid the situation shown in the image??? |
|
@markdotto I can understand the reason, but since the modal framework still allows you to open more than a single modal at a time, I still think there is a need for this. I also don't think that stacking modals is always a bad experience and sometimes think it is required. Take a real world example from my site. The create folder button is already in a dialog, so I need a new dialog to actually handle the creation of the folder. Without the improved stacking that I implemented, it doesn't look very good, but with the stacking it would look much better. I don't think this use case is very rare or unreasonable. In any case I respect your stance, but if you can provide an alternative design choice for even my above example, I'd appreciate it. |
|
Even though it might not be a good experience, this is still something that has its advantages. |
I've made two tweaks to Modal.
First, I've added a "modal-backdrop-transparent" class and it gets applied to modal backdrops if there is already a backdrop present in the dom. This makes the backdrop transparent, that way the site can still be seen under the modal.
Second, I've added stacking to Modal that send already opened modals behind the backdrop if another modal is opened. Then when the second (or third or fourth) modal is closed it brings the next layer lower Modals back in front of the backdrop.
While I don't know if my implementation is optimal, it is working. If anyone has any feedback, let me know.
The first Modal:
The second Modal:
The third Modal:
