Bug: Background overlay issue on nested modals

Open orion-cengage opened this issue 1 year ago • 1 comments

Issue: The following issue occurs when using the nested modal functionality. When you open the second modal, an additional background overlay is rendered appropriately, but it is placed under the first modal, which is incorrect. It should be placed between the first and second modal in order to "fade out" the first modal and bring the second modal to the front.

https://storybook-preview-dev--upbeat-sinoussi-f675aa.netlify.app/?path=/story/modal--modal-in-a-modal

https://storybook-preview-dev--upbeat-sinoussi-f675aa.netlify.app/?path=/story/modal--close-modal-with-confirmation

Feb 27 '24 13:02 orion-cengage

MAST is using a lot of modals over modals and would love to get this fixed.

Mar 01 '24 15:03 silvalaura

Confirmed that when using 2 or 3 modals, the background overlay behaves as expected:

Aug 09 '24 19:08 silvalaura