Animate Repeating Group "new row"

Hi Bubblers!

I’m building my first Bubble app for a couple weeks now, and I’m wondering if it is possible to animate a single row of a RP when it’s added in full list view.

One of my pages is kind of a ToDo list. What I want to accomplish is the following:

  • When user adds a new “task” it is added to the full list and animates this new rows transition

I managed to animate the whole RP but that’s not what i’m looking for.

Any tips?

Animating a new row addition is tricky, mainly because you cannot target the specific row to animate since it does not exist until the new row is added in… if that makes sense. Do let me know if you find a solution though.

Animating deleting a row is doable however! Demo attached.

Rhbsandbox | Bubble Editor

1 Like

Hey I have a question. I implemented a solution similar to yours but am having a weird issue. See the Loom video below. I am using it for notifications and marking a notification as ‘read’ (when you click the icon, it removes it from the list). It seems like it’s shrinking/shifting up the text element somehow:

Any suggestions on how to get that behavior to stop?

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