Modal on Top of Menu Bar?

My application has a global navigation bar that is locked to the top of the page. I’d like to add a pop out modal from the right side that spans the entire size of the page, which I can do. The only problem I’m running into is that the modal is still underneath the global navigation bar. Is there any way that I can bring it on top of that so it is loading on top of the nav bar, not underneath?

Picture below showing current behavior.

Figured this one out myself. Just add a Z value on the Flexbox in the modal to prioritize it on top.

image

1 Like

Glad you found the solution @patopt!

FYI, you should be able to do this without custom code: