Repeating group getting stuck while scrolling

I have a mobile app that has a repeating group which has its height set to 100% so that it can grow based on the amount of data being displayed.

When I scroll through the repeating group it gets stuck and won’t scroll past a certain point.

Does anyone know what might be causing this and how to fix it so that it scrolls smoothly?

Maybe it has fixed number of row ticked. Please untick that. You can share the screenshot of your repeating group.

I have unlimited rows selected.

here’s a screen recording of it sticking

It looks like it is retrieving data when you are scrolling. It gives a pause first but then shows the data while going up or down. Don’t know why. It’s taking time to display the data that are already retrieved. May be someone will come up with a solution.

I see what you mean but I don’t think its retrieving data slowly. It also gets stuck when I’m scrolling back up to the top of the RG. If I gently scroll through it, it doesn’t stick.

So It seems like it has to do with how fast I’m scrolling though it.

1 Like

Hi @cohereandnow !

I’m having the same issue with my app, did you end up finding a solution?

Unfortunately no. I reached out to Bubble support and they weren’t much help since they “couldn’t reproduce the issue”. Maybe if we both reach out again they may prioritize finding the issue.

1 Like

Also finding this. Even if I’m not scrolling at a particularly fast speed I’m getting empty data tiles at the bottom of the RG. If you find a solution or get feedback from the support team, please share.

They didn’t help. If you reach out to them about it they may notice its an issue with multiple people and prioritize finding the issue.

1 Like

I am also getting this issue.

Anyone find a solution to this? Having the same issue. If I show all the records in the repeating group and use page scrolling, the scrolling is almost seamless but if I try to restrict the size of the repeating group to the page and use the scrolling in the repeating group it is jittery, slow and get’s stuck.

I found a solution.

Add this code to an HTML element to stop the overflow scroll of the index.
Screenshot 2024-05-12 at 5.50.43 PM

you can remove background color if you don’t want it black. Here’s what it would look like:

html, body { height: 100%; overflow: hidden; }

Have a group containing the RG with its max height set to inf and fit height to content unchecked.

The RG inside that group has this height settings.

I have found a solution for my case. In my situation, I was displaying a reusable element within a page. The reusable element was the one that contained the repeating group. When scrolling on the page, the scroll would get stuck at the beginning and then get unstuck on its own. To resolve this, I set the height property to 0px on the index page where the reusable element is located.

The problem was that the main page was on a layer above the reusable element.