I’m working on an ecommerce site but this repeating group I’m using to list the products is not behaving how I expected. I would like it the products to fill up the group horizontally before going to the next line, but that’s not what I’m experiencing. See pictures below:
Expected behaviour:
Current Behaviour:
Here are the settings for the repeating group:
I had these same settings on a different app a while ago and they worked perfectly, is there a reason why this is happening?
Link to the app: testrepeat | Bubble Editor
Hi @rtmasimene Hmm, this is so odd! I checked all of the responsive settings and everything looks correct on your page. Not sure what could be causing that behavior. I just recreated your setup on a new page (test) and it looks like it is working as expected (same settings, so maybe it was an issue with the elements?)
Preview:
Editor:
My only guess would be that the index page was set to “fixed-width” when I opened the editor, but even un-checking that didn’t seem to make sure the responsive settings worked as expected? Might be worth filing a bug if it continues to happen?
1 Like
So I copied the repeating group that @fayewatson recreated, back onto the index page, right under the faulty repeating group, and the new group works just fine. I then went back onto another app and deleted the faulty repeating group and just simply recreated another one, with the exact same settings as before, and it worked! I still have no idea why that first repeating group does not work as expected. I labeled the faulty and working repeating groups respectively on the index page, you guys can have a look, but my problem has been solved. Cheers @fayewatson
1 Like