# Multiselect options positioned behind table

**URL:** <https://community.weweb.io/t/multiselect-options-positioned-behind-table/6560>\
**Category:** How do I?\
**Created:** [January 23, 2024, 8:22am UTC](https://community.weweb.io/t/multiselect-options-positioned-behind-table/6560 "2024-01-23T08:22:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![rory](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@rory](https://community.weweb.io/u/rory)\
**Post date:** [January 23, 2024, 8:22am UTC](https://community.weweb.io/t/multiselect-options-positioned-behind-table/6560/1 "2024-01-23T08:22:08Z")

</div>

I’m having an issue with the dropdown options of a multiselect input.  
The options are displayed behind the table that is located below it.

Is there a setting to position the dropdown in front of the table?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/07b88ff980888d04762911837dd5df02bb83ac87.png)  
Unselected

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d3074fc98136f0d3081468ae98b7603ba901575a.png)  
Multiselect active

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/37a05a66b4c34ccfa05b7de806f28d2c44658b36.png)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [January 23, 2024, 8:23am UTC](https://community.weweb.io/t/multiselect-options-positioned-behind-table/6560/2 "2024-01-23T08:23:57Z")

</div>

Set up z-index (z-axis) to something higher than the table, you might need to enable it on the table also.  
It’s in the settings down.

---

<div class="post-metadata">

**Author:** ![rory](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@rory](https://community.weweb.io/u/rory)\
**Post date:** [January 23, 2024, 8:28am UTC](https://community.weweb.io/t/multiselect-options-positioned-behind-table/6560/3 "2024-01-23T08:28:12Z")

</div>

I did try that. I also tried setting the different containers within the table but it didn’t make any difference.

NB: I wasn’t able to select the container for the dropdown options, I had to set the multiselect input z-axis.

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [January 23, 2024, 8:29am UTC](https://community.weweb.io/t/multiselect-options-positioned-behind-table/6560/4 "2024-01-23T08:29:36Z")

</div>

I think you should apply z-index to Search Container and Table, container higher value. You can select it by clicking on the element in the menu from the screenshot you posted.

I guess the way z-index works, is that it can be as high as it’s parent element’s.

---

<div class="post-metadata">

**Author:** ![rory](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@rory](https://community.weweb.io/u/rory)\
**Post date:** [January 23, 2024, 8:41pm UTC](https://community.weweb.io/t/multiselect-options-positioned-behind-table/6560/5 "2024-01-23T20:41:06Z")

</div>

That did the trick.  
Thanks once again Broberto.