# Hidden repeating group causing the page height to stretch

**URL:** <https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903>\
**Category:** Responsiveness\
**Created:** [February 2, 2023, 7:22pm UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903 "2023-02-02T19:22:42Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 2, 2023, 7:22pm UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/1 "2023-02-02T19:22:42Z")

</div>

I have a mobile app that uses a custom state to navigate between the pages. I have a page with a news feed witch contains a repeating group with a long list of content so its height is set to 100%.

When I navigate from that news feed page to a page called “create new post”, the height of the “create new post” page is stretched to the height of the news feed page even though that news feed page is no longer visible. Does anyone know why its stretching and how I can make it so that it isn’t?

---

<div class="post-metadata">

**Author:** ![atomicfusion](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/atomicfusion/32/138701_2.png) [@atomicfusion](https://forum.bubble.io/u/atomicfusion)\
**Post date:** [February 3, 2023, 3:38am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/2 "2023-02-03T03:38:01Z")

</div>

Put it in a column group with a max height (100% or whatever suits your app) and make this group vertically scrollable by checking that box on it.

Then make the RG fit to height and you should be good

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 3, 2023, 3:54am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/3 "2023-02-03T03:54:56Z")

</div>

Do I set the minimum and max height for the repeating group or leave it at 100%?

I tried both leaving the rg with no min or max and tried leaving it at 100% and its still stretching. It also sticks (stops scrolling) in the middle of the rg

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 3, 2023, 4:01am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/4 "2023-02-03T04:01:26Z")

</div>

the column group containing the rg:

 ![Screen Shot 2023-02-02 at 9.00.30 PM](https://us1.discourse-cdn.com/bubble/original/3X/7/4/7410ddaae5c176afbcf7e630597d42fae4ab7481.png)

The rg:

 ![Screen Shot 2023-02-02 at 9.01.07 PM](https://us1.discourse-cdn.com/bubble/original/3X/b/1/b11ca34dc1c0da63d16b263d3067059b3a354902.png)

---

<div class="post-metadata">

**Author:** ![keith](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/keith/32/56020_2.png) [@keith](https://forum.bubble.io/u/keith)\
**Post date:** [February 3, 2023, 4:03am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/5 "2023-02-03T04:03:21Z")

</div>

Is it so hard to try the various options? 🤷‍♂️

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 3, 2023, 4:08am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/6 "2023-02-03T04:08:22Z")

</div>

I was double checking that I understood his option. Can you tell me what I missed?

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 3, 2023, 10:06pm UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/7 "2023-02-03T22:06:30Z")

</div>

Keith help your boy out

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 3, 2023, 10:39pm UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/8 "2023-02-03T22:39:18Z")

</div>

Are the images I added the correct settings you recommended? Just wanted to follow up because I’m launching this app soon and have been struggling with this for a while. thanks for your help.

---

<div class="post-metadata">

**Author:** ![atomicfusion](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/atomicfusion/32/138701_2.png) [@atomicfusion](https://forum.bubble.io/u/atomicfusion)\
**Post date:** [February 4, 2023, 12:44pm UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/9 "2023-02-04T12:44:39Z")

</div>

Should work.  
A parent group here seems to be fixed - try making that a column?

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 4, 2023, 11:53pm UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/10 "2023-02-04T23:53:20Z")

</div>

> [@atomicfusion](#):
>
> A parent group here seems to be fixed - try making that a colum

I made the parent group which contains the RG a column but I’m still having the same issues. do you know what else might be the issue? Here’s a view link to the app:

> **[Bubble Editor - sandbox12333](https://bubble.io/page?name=index&id=sandbox12333&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

---

<div class="post-metadata">

**Author:** ![atomicfusion](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/atomicfusion/32/138701_2.png) [@atomicfusion](https://forum.bubble.io/u/atomicfusion)\
**Post date:** [February 8, 2023, 5:43am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/11 "2023-02-08T05:43:06Z")

</div>

Try making the page a column instead of ‘Align to Parent’ on the Container layout dropdown

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 10, 2023, 4:43am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/12 "2023-02-10T04:43:35Z")

</div>

You’re talking about the index right? I made it a column and its still having that scroll issue. When I make the “News feed page” a fixed height of 555 for example, it fixes the problem. But when I do that, it’s not responsive to fit all mobile devices.

Do you know of a different way to make the height of that group responsive? I tried to set conditions to change the height when the of the page changes but it only has “when current pages width” as an option.

---

<div class="post-metadata">

**Author:** ![ihsanzainal84](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ihsanzainal84/32/245932_2.png) [@ihsanzainal84](https://forum.bubble.io/u/ihsanzainal84)\
**Post date:** [February 10, 2023, 6:14am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/13 "2023-02-10T06:14:57Z")

</div>

If you still have your RG’s parent group’s height set to 84% it’s gonna look like there’s something taking up space when it really is just a blank area.

So your RG’s parents is only taking up 84% of it’s own parent’s height and thus leaves that 16% blank.

---

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [February 11, 2023, 3:24am UTC](https://forum.bubble.io/t/hidden-repeating-group-causing-the-page-height-to-stretch/244903/14 "2023-02-11T03:24:11Z")

</div>

Yeah the other 16% is taken up by a two floating groups. One at the top (the header is a floating group so that its always at the top) and the other at the bottom (the navigation panel, same idea)

Column: News feed page  
Header: Header FG  
Nav: Nav FG

> **[Bubble Editor - sandbox12333](https://bubble.io/page?name=index&id=sandbox12333&tab=tabs-5)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.
