Radix Dialog stacking styling #3667
Unanswered
dimitur2204
asked this question in
Help
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hey,

I currently have a Radix Dialog based modal. My current setup is having the modal portaled to the body and with a fixed z-index for the overlay and the modal.
However that becomes a problem when I have two. The second one stacks on top of the first one, but that leaves two overlays below (check the screenshot).
I found an example in Base UI, which seems to be very closely related to how Radix works, that has nested dialogs, but I don't see anything specific in the structure or CSS to indicate support, so I assume it is somehow internally handled (https://base-ui.com/react/components/dialog#nested-dialogs)?
Has anyone done that kind of support with the Radix Dialog?
Beta Was this translation helpful? Give feedback.
All reactions