Pop-up alert hidden behind modal

Ask us anything How do I?
1

I have a pop-up alert that displays temporarily when I click on a certain field to copy that text (e.g. username). I have it working on one page that contains a datagrid. When I click a specific field, the alert shows “Username copied to clipboard” and then disappears after a couple seconds. I implemented a similar function on another page, but this time on a drawer/modal. The alert displays, but it’s hidden behind the modal. I tried to move it to the left side of the screen, but it is also partially hidden behind the sidebar.

Is there a way to prioritize the alert display on top of the other components?

2

You can try changing the Z axis for both - whichever will have the higher Z axis will display on top.

1 Like
3

That did it. Set Z axis to 100 to ensure it always shows on top! Thanks!

1 Like