# Hiden group pushing other elements down on page

**URL:** <https://forum.bubble.io/t/hiden-group-pushing-other-elements-down-on-page/52879>\
**Category:** App Organization\
**Created:** [March 26, 2019, 10:56pm UTC](https://forum.bubble.io/t/hiden-group-pushing-other-elements-down-on-page/52879 "2019-03-26T22:56:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![twr2105](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/twr2105/32/1232_2.png) [@twr2105](https://forum.bubble.io/u/twr2105)\
**Post date:** [March 26, 2019, 10:56pm UTC](https://forum.bubble.io/t/hiden-group-pushing-other-elements-down-on-page/52879/1 "2019-03-26T22:56:19Z")

</div>

I created my own dropdown. I did this so that users can choose multiple choice inside the dropdown

However, I have a problem. When the dropdown appears, it pushes all the elements below it down permanently. Is there a way my dropdown (actually a group that hides & shows) can fall in front of the other elements instead of moving them?

 ![cloudmatch2](https://us1.discourse-cdn.com/bubble/original/3X/d/a/da22109f91fe1a7d43e5697b892700d812799b5e.gif)

---

<div class="post-metadata">

**Author:** ![sridharan.s](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sridharan.s/32/17881_2.png) [@sridharan.s](https://forum.bubble.io/u/sridharan.s)\
**Post date:** [March 26, 2019, 11:17pm UTC](https://forum.bubble.io/t/hiden-group-pushing-other-elements-down-on-page/52879/2 "2019-03-26T23:17:32Z")

</div>

If you make the dropdown a GroupFocus, then it should work.

---

<div class="post-metadata">

**Author:** ![sudsy](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sudsy/32/114637_2.png) [@sudsy](https://forum.bubble.io/u/sudsy)\
**Post date:** [March 27, 2019, 12:45am UTC](https://forum.bubble.io/t/hiden-group-pushing-other-elements-down-on-page/52879/3 "2019-03-27T00:45:14Z")

</div>

@sridharan.s’s suggestion is best, but I wonder if enabling “Collapse this element’s height when hidden” would at least cause the content to move up to its prior position.

---

<div class="post-metadata">

**Author:** ![sridharan.s](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sridharan.s/32/17881_2.png) [@sridharan.s](https://forum.bubble.io/u/sridharan.s)\
**Post date:** [March 27, 2019, 12:48am UTC](https://forum.bubble.io/t/hiden-group-pushing-other-elements-down-on-page/52879/4 "2019-03-27T00:48:36Z")

</div>

In my experience, collapsing an element’s height when hidden doesn’t typically collapse height when the group you’re trying to collapse overlaps other groups. This is just how Bubble’s rendering engine works.

---

<div class="post-metadata">

**Author:** ![sudsy](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sudsy/32/114637_2.png) [@sudsy](https://forum.bubble.io/u/sudsy)\
**Post date:** [March 27, 2019, 12:52am UTC](https://forum.bubble.io/t/hiden-group-pushing-other-elements-down-on-page/52879/5 "2019-03-27T00:52:48Z")

</div>

Very good to know! Thanks!