Leftover unwanted gap at bottom of page after long repeatinggroup

This isn’t really a “Responsiveness” issue, but more of a page display problem. And it feels a bit like a bug, but I’m posting here first to see if it’s something I’m doing wrong.

I have a single-page format, turning groups on & off. On one group, I have an ext. scrolling repeatinggroup that can be long. The group that the RG lives in extends its height which makes that displayed “page” have a large height, so far so good. When I press back on the browser, that group gets hidden and the previous group is displayed.

The problem is that when the previous group is now displayed there is a large unwanted gray gap at the bottom of the page. Note it isn’t there when that page is first shown, only after it is displayed after the long group.

It appears to me that bubble is drawing a long page to accommodate the long repeating group and then when that group gets hidden and another group becomes visible, the page stays in its long form.

Is there any way to fix this without a page refresh? I tried changing the data source of the RG and making it hidden when the group is hidden.

I’m happy to share my app, if necessary, but requires logging in and know where to click so I shot a quick loom showing the issue: https://www.loom.com/share/4c9a9b789dc04234b9d8b85d3ba38868

Hi @nedbrush,

I’m running into the same issue and was wondering if you found a solution.

much appreciated!!

Hey @chris.sj, I don’t recall exactly what I did because I’ve changed much since I had this problem. But I’m ~80% sure that what I did was make sure to collapse the group when not visible.

In my case, all of my groups are overlaid on each other on the page. The other trick I’ve had to use is to make sure the groups are stacked vertically. If they are collapsed when hidden, then it doesn’t matter that you’ve stacked them in the editor. So, that’s something else to try if you haven’t tried that yet.

Cheers,
Ned