# How to prevent elements moving when list opens?

**URL:** <https://community.thunkable.com/t/how-to-prevent-elements-moving-when-list-opens/1707653>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [January 31, 2022, 8:36pm UTC](https://community.thunkable.com/t/how-to-prevent-elements-moving-when-list-opens/1707653 "2022-01-31T20:36:09Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![atlaseus](https://avatars.discourse-cdn.com/v4/letter/a/e495f1/32.png) [@atlaseus](https://community.thunkable.com/u/atlaseus)\
**Post date:** [January 31, 2022, 8:36pm UTC](https://community.thunkable.com/t/how-to-prevent-elements-moving-when-list-opens/1707653/1 "2022-01-31T20:36:09Z")

</div>

Things like buttons and other lists move when a list is visible, is there a way to get it to overlap other elements when someone is choosing something from a list?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 31, 2022, 8:51pm UTC](https://community.thunkable.com/t/how-to-prevent-elements-moving-when-list-opens/1707653/2 "2022-01-31T20:51:38Z")

</div>

Can you share an example of this? It would be helpful to have a screenshot of the problem and a sketch or screenshot of what it should look like.

---

<div class="post-metadata">

**Author:** ![atlaseus](https://avatars.discourse-cdn.com/v4/letter/a/e495f1/32.png) [@atlaseus](https://community.thunkable.com/u/atlaseus)\
**Post date:** [January 31, 2022, 9:05pm UTC](https://community.thunkable.com/t/how-to-prevent-elements-moving-when-list-opens/1707653/3 "2022-01-31T21:05:12Z")

</div>

![Screenshot 2022-01-31 110421](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/5/55784a57a8bab74a3b82f3a20ae0f096f663a2dd.png)  
The list moves the button like in the drawing, but I want it to overlap the button instead when it opens, and to not move the button.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 31, 2022, 9:54pm UTC](https://community.thunkable.com/t/how-to-prevent-elements-moving-when-list-opens/1707653/4 "2022-01-31T21:54:57Z")

</div>

Okay, got it. The drawing is helpful!

If you’re using the newer Drag & Drop interface (DnD), you can overlap elements and show/hide them as needed.

If you’re using the older Snap to Place interface (StP), you can use Z positioning to overlap components. It’s a little tricky but it definitely works. I still would probably try to put the button and list in a column and show/hide each as needed.

FYI, the Drag & Drop interface has the “group” component instead of the “row” and “column” components. It looks like this:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/9/99a2243b4950f7b0660f2743a03c505fbce9d3d2.png)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 1, 2022, 9:55pm UTC](https://community.thunkable.com/t/how-to-prevent-elements-moving-when-list-opens/1707653/5 "2022-05-01T21:55:27Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.