# Pop-up alert hidden behind modal

**URL:** <https://community.weweb.io/t/pop-up-alert-hidden-behind-modal/12115>\
**Category:** How do I?\
**Created:** [September 11, 2024, 7:40pm UTC](https://community.weweb.io/t/pop-up-alert-hidden-behind-modal/12115 "2024-09-11T19:40:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![technobie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/technobie/32/10371_2.png) [@technobie](https://community.weweb.io/u/technobie)\
**Post date:** [September 11, 2024, 7:40pm UTC](https://community.weweb.io/t/pop-up-alert-hidden-behind-modal/12115/1 "2024-09-11T19:40:54Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![buildnocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildnocode/32/2964_2.png) [@buildnocode](https://community.weweb.io/u/buildnocode)\
**Post date:** [September 12, 2024, 5:25am UTC](https://community.weweb.io/t/pop-up-alert-hidden-behind-modal/12115/2 "2024-09-12T05:25:26Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![technobie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/technobie/32/10371_2.png) [@technobie](https://community.weweb.io/u/technobie)\
**Post date:** [September 12, 2024, 11:43am UTC](https://community.weweb.io/t/pop-up-alert-hidden-behind-modal/12115/3 "2024-09-12T11:43:39Z")

</div>

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