[New feature] Reverse scrolling repeating group

Hi everyone,

My name is Nick and I’m a product manager at Bubble. I’m back to share a small update designed to improve your web editing experience.

Introducing the reverse scrolling repeating group

Chat is everywhere these days so we’re adding a new feature to repeating groups to make it easier to build chat interfaces on web projects: the ability to reverse scroll a repeating group. When turned on, your repeating group will scroll from the bottom up, as opposed to the top down, for a more native chat experience. This is perfect for a social media messaging feature or your own agentic chatbot.

This setting is available when:

  • The repeating container is set to fixed height
  • There is a non-fixed number of rows
  • Repeating group is set to vertical scrolling

Thank you for your continued feedback and stay tuned for more!

Nick

50 Likes

So glad. Such a little thing but so nice to not have to use a plugin. :raising_hands:

1 Like

Nice one! Great job @nick.carroll and team

You made my day!

This are great news, thanks!

Is this feature visible for every app version now?

Small but meaningful one. thakns.

Main problem with chat is it consumes to much WU.

1 Like

And it works so smoothly on a Mac and it doesn’t need to flip any other fields. Thank you! :blush:

1 Like

It should be, yes!

Thanks!

Unfortunately, I can’t see the new feature. I already cleared the cache and restart my sessions, but it’s still missing on my editor.

Is the RG set to fixed-height on the Layout tab? (See the 3 criteria in the original post.)

2 Likes

Thanks, I missed that :sweat_smile:

More practical stuff like this related to how developers would realistically integrate AI. Just spend the rest of the year doing this and core platform stuff (loops, etc.).

1 Like

Would be great if this worked with pagination, one of the main issues with bubble RGs is the memory leaks they cause, so for use cases like chat you’d really want to paginate this

1 Like

Thank you so much for this update, it really helps me design a better scroll for my chatbots!

Hi Nick,

Thanks. That’s great.

Do you mind sharing the builder view?

I’m trying a few layouts but having done trouble perfecting the input box to sit flush on bottom and then message to scroll to correct point when added by admin or visitor.

Also, little off topic, any idea how to make sound each time the opposite end send message?

Thanks :slight_smile:

Great job!!! Now I’m going to have a better weekend!

This is a really nice update. It would have been nicer if the height doesn’t have to be a fixed height. Depending on the screen height of the users viewing your app, a fixed height RG might not be the best UX for them.

1 Like

I find it bizarre that a fixed height is a condition for using reversed scrolling.

In what situation is this even a workable option?

4 Likes

If fixed height is a requirement that’s a hard no go for me. Why would that be a pre-req?

1 Like