# Dropdown gets cut off?

**URL:** <https://community.weweb.io/t/dropdown-gets-cut-off/3535>\
**Category:** Ask us anything\
**Created:** [July 15, 2023, 8:28am UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535 "2023-07-15T08:28:31Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [July 15, 2023, 8:28am UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535/1 "2023-07-15T08:28:31Z")

</div>

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

How do I get the dropdown to not get cut off at the bottom?

I have a card and this dropdown is inside the card.

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

Overflow is currently unset. If I try to change it to auto, it doesn’t work →

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

---

<div class="post-metadata">

**Author:** ![jaredgibb](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jaredgibb](https://community.weweb.io/u/jaredgibb)\
**Post date:** [July 15, 2023, 1:36pm UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535/2 "2023-07-15T13:36:11Z")

</div>

> [@raelyn](#):
>
> currently unset. If I try to change i

have you tried `overflow: visible`?

---

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [July 15, 2023, 2:51pm UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535/3 "2023-07-15T14:51:22Z")

</div>

I just did! But that didn’t work as well…

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [July 16, 2023, 8:25pm UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535/4 "2023-07-16T20:25:46Z")

</div>

I’m having the same issue in a datagrid.

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

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [July 17, 2023, 8:32am UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535/5 "2023-07-17T08:32:12Z")

</div>

Overflow: visible should be applied on the parent elements instead of the dropdown itself

---

<div class="post-metadata">

**Author:** ![Denis](https://avatars.discourse-cdn.com/v4/letter/d/5e9695/32.png) [@Denis](https://community.weweb.io/u/Denis)\
**Post date:** [November 18, 2023, 12:30pm UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535/7 "2023-11-18T12:30:01Z")

</div>

Even when I set the overflow of the parent to visible, I still have the dropdown cut off when I put the multi-select on a Kanban card. Is this a particular behavior for the Kanban ?  
 ![Screenshot 2023-11-18 at 13.23.12](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/30eafa3f22b1e1dabfea6f3dd2762482a03eb24c.png)

---

<div class="post-metadata">

**Author:** ![Denis](https://avatars.discourse-cdn.com/v4/letter/d/5e9695/32.png) [@Denis](https://community.weweb.io/u/Denis)\
**Post date:** [November 19, 2023, 1:43pm UTC](https://community.weweb.io/t/dropdown-gets-cut-off/3535/8 "2023-11-19T13:43:21Z")

</div>

It was me messing the z-axis value on some elements of the Kanban. After a full recheck of all the elements it is now working as expected.