Stop Horizontal Scrolling with Repeating Group?

Hi,

Anyone know how to stop the horizontal scrolling ability of a repeating group? Been trying different approaches, none worked.

Repeating group is 1 column and an infinite vertical scroll. Perfect.

However, in preview/production, I can grab the list and drag it left and right inside the repeating group box.

It should only drag up/down, vertically scrolling.

Basically, I want to turn off the ability to scroll right and left horizontally. It makes no sense because the group’s items all fit nicely in the repeating group box. When you drag them left/right, you can slide them out of view past the edges of the repeating group box.

Everything I have found searching for the answer talks about removing scroll bars. I don’t have those, but the repeating group slides all over the place inside the repeating group box instead of just sliding vertically.

Thanks!

Hey @sarsasparillaj :wave:

This is tricky without seeing your editor.

You need to make sure everything actually fits inside and doesn’t go beyond the view. Or let it hide or move down if it doesn’t fit on the screen. Maybe you can share some screenshots so we can try to figure it out. :man_shrugging:

Thanks! Was just about to put these screenshots up since people looked but didn’t respond. That’s usually a problem with the person asking the questions when that happens.

Here are the screenshots.

First, how it looks when it loads. Nice.

Next, how it looks when you grab it with your finger on mobile and slide it around inside the repeating group.

Finally, here it is in the Bubble editor. Each of those items in the repeating group is grouped together as well so a workflow could be made to allow you to press on any item in the list to go to another page with more details about the transaction.

It looks like it might be the way it is structured. Maybe within a group? Something is too large and not responsive on the page that you are viewing. It could be something with too big of a min width or a fixed width on something. I would check those first. Does that make sense? :blush:

Yes, your response does make sense. So maybe something in the group is sticking outside the repeating group container? So it’s allowing a scroll?

Yeah, that’s what I am thinking. Maybe remove the repeating group out of the container it is in and see if it still does that.

So I have a different page with no grouping inside the repeating group. Same exact behavior.

Does anyone else have a repeating group open in a phone browser? Chrome ideally?

If you long press your repeating group, can you drag it around vertically and horizontally as well as scroll it?

Is this just how it is?

This topic was automatically closed after 70 days. New replies are no longer allowed.