# Dropdown component Z-indexing issue

**URL:** <https://forums.realmacsoftware.com/t/dropdown-component-z-indexing-issue/47211>\
**Category:** Elements\
**Created:** [April 18, 2025, 3:17am UTC](https://forums.realmacsoftware.com/t/dropdown-component-z-indexing-issue/47211 "2025-04-18T03:17:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tofty](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@Tofty](https://forums.realmacsoftware.com/u/Tofty)\
**Post date:** [April 18, 2025, 3:17am UTC](https://forums.realmacsoftware.com/t/dropdown-component-z-indexing-issue/47211/1 "2025-04-18T03:17:33Z")

</div>

Hi there folks. I’m enjoying trying out the new features in Elements (which is looking great) and was playing with the new dropdown component and having trouble with getting it to display correctly when previewing on Safari. I basically created a little dropdown menu which would reveal three buttons that should sit ABOVE the text in the background. Within the Elements wysiwyg editor window I can get it to work perfectly … like this:

 ![Screenshot 2025-04-18 at 2.59.38 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/b/db5e9fdfc7eb28460da902eb2c54502de97b73f6.png)

However, when I preview the page in safari the revealed menu buttons are always below background text like this:

 ![Screenshot 2025-04-18 at 2.58.19 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/3/6313af796567f8611c724e1ec34550d4946af1e2.png)

I’ve tried playing around with the Z-index for various levels of components but it is always the same in the browser. Is this a bug or is there a trick I’m missing? Either way I’m assuming what I see in the editor should not be very different from the browser preview.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [April 18, 2025, 6:22am UTC](https://forums.realmacsoftware.com/t/dropdown-component-z-indexing-issue/47211/2 "2025-04-18T06:22:27Z")

</div>

I think this was answered in a previous forum title…dev diary ep74 More New Components…I think the answer lies there maybe

---

<div class="post-metadata">

**Author:** ![Tofty](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@Tofty](https://forums.realmacsoftware.com/u/Tofty)\
**Post date:** [April 18, 2025, 11:06am UTC](https://forums.realmacsoftware.com/t/dropdown-component-z-indexing-issue/47211/3 "2025-04-18T11:06:29Z")

</div>

Thank you! It was indeed answered in there with Ben providing a video of how to fix it. Short answer: set the isolation mode of the offending container to “isolate”.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [April 18, 2025, 11:32am UTC](https://forums.realmacsoftware.com/t/dropdown-component-z-indexing-issue/47211/4 "2025-04-18T11:32:34Z")

</div>

Glad to hear you’re enjoying Elements and I’m pleased to hear you got the dropdown working 👍