[New feature] Reverse scrolling repeating group

[tim27]

Has anyone been able to get this option to show in their app yet? Perhaps I am not getting the settings quite right…?

I have tried on two different apps with a fixed parent group, non-fixed number of rows. I have to remove the “Set fixed number of columns” to see the “Scroll Direction” option (which I set to “Vertical”). I then recheck the “Set fixed number of columns” to 1, but I cannot see any reverse scrolling option..

I have tried setting the parent container type as fixed, the Cell’s container layout to Fixed and the Page to Fixed:

I have tried without the "items until #5” in case that is causing the issue.

Any suggestions would be appreciated

[Jici]

I think that what Nick want to say about the fixed height is not the Cell’s container layout but the RG itselt. In layout, scroll down and click make this element fixed-height.

[tim27]

Hi @Jici

Thanks for the response. So far as I can tell, the “Cell’s container layout” is the RG itself… The name displays differently for RGs than for other types of groups, but is in the same Layout tab location. I have clicked on the RG, changed the tab to Layout, and switched the only layout option available to Fixed (see below). I have also done so with the parent element and page element. There are no other layouts I can change to fixed on the RG or above it in the elements tree.

Could someone post an example of their RG and how they got it to work, please?

[Jici]

Issue is in your parent group that is fixed… so you may not have all options

@nick.carroll sound like a bug to me that the RG should show the reverse scroll direction if the parent is fixed no?

[Jici]

You can set the fixed to 100% so it will adjust to page height or parent

[tim27]

OK, great, thanks @Jici . I can see the reverse scroll direction now

”The repeating container is set to fixed height” from the announcement may be better to say “Make the Repeating Group element fixed height” to save confusion

[stefan3]

Awesome to see new features being added. But I find it hard to use new features if they are hidden in such a way. A huge UX benefit would be to show the option, grey it out / disable it if the requirements are not met and show a hint what the requirements are.

I think with the current implementation this will be lost for many users which is a bummer because they will search alternative ways to make it work the same way. @nick.carroll

[brad.h]

the fixed height requirement makes this feature odd.

New chats appear all the way at the bottom of your phone.

[Jici]

Share a screenshot… you know you can use % for the fixed height?

[brad.h]

yep. i have 100% and fixed hieght. But if there’s just one item in the RG it will appear at the bottom of the screen.

Open a new ChatGPT convo and say “hi”. It will appear in the top right of your screen.

With this reverse scroll AND fixed height that’s not possible. The “hi” will appear in the bottom.

WHERE THIS WORKS:

• Non AI chat when there’s already enough messages to fill up your screen.

WHERE ITS ODD/ UNEXPECTED UI

• The first message in a human to human convo
• An AI chat convo since you def want the response to start near the top and stream response downward (not reverse).

[Jici]

I understand what you mean. But you could just use an action to scroll to last item in the RG?

@nick.carroll I think that the “stretch row to fill vertical space” doesn’t apply when we use the reverse.

[rjayaddimalik]

This is awesome!
The reverse scroll feature was something many of us really needed for chat apps.
Huge thanks to the Bubble team for making this happen — it’s going to make chat UIs so much smoother!

[costas]

Hi Nick, are you able to share the dev preview. I am just trying to understand the layout as I am having trouble with some formatting issues. Also, any idea what this chat message box is?