# Are there any solutions for displaying something outside a component and on top of everything else?

**URL:** <https://community.embeddable.com/t/are-there-any-solutions-for-displaying-something-outside-a-component-and-on-top-of-everything-else/77>\
**Category:** FAQs\
**Created:** [November 11, 2024, 3:56pm UTC](https://community.embeddable.com/t/are-there-any-solutions-for-displaying-something-outside-a-component-and-on-top-of-everything-else/77 "2024-11-11T15:56:42Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ella-embeddable](https://dub1.discourse-cdn.com/flex013/user_avatar/community.embeddable.com/ella-embeddable/32/15_2.png) [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\
**Post date:** [November 11, 2024, 3:56pm UTC](https://community.embeddable.com/t/are-there-any-solutions-for-displaying-something-outside-a-component-and-on-top-of-everything-else/77/1 "2024-11-11T15:56:42Z")

</div>

Embeddable automatically applies a z-index to every component on the canvas. This means that you can add additional components (e.g. tooltips, dropdowns, etc.) as long as they expand downwards - but not sideways or upwards. This is because z-indexes are lower as you go down the page.

If you want to add a component that opens as a new modal for example, to work around this, you could use the variable listener on the embedded web component (see [Embedding an Embeddable](https://trevorio.notion.site/Embedding-an-Embeddable-2e7b7c09909f47ee9d3fee64f4e6fcd9) in the handbook). That way you could listen to the appropriate variable change, and then open a modal in your react app, on top of the Embeddable dashboard.