Modal visibility

dear community, I am having this design problem. I have created a popup modal so that every time a request is about to finish this popup (modal) will appear but for some reason this modal is showing behind the components of the collection list.
What can I do about it?

Did you try the Z axis property? Or add custom CSS to modify the z-index? (both on your modal and the content behind)

image

Also, are you using the prebuilt modal component?

2 Likes

I’m going to try what you say. But, currently I don’t have that property activated.

Yeah some component don’t have that property fronted. You can check in devtools but IIRC they’re set at a z-index: 30. So, you’ll want to have all the other content that needs to go underneath set to z-index: <30.

1 Like