First row of a RG is collapsing

Hi ! Some times when a page loads in my app, it happens that the first row of a repeating group gets like collapsed, but on the first one and not the other ones (you can see an example in the attached image) . Hs this happened to anyone? any possible solution of things to try? There’s definitely no conditional logic on first row of repeating groups, so it’s not that, and happens with different repeating groups throughout the app. Please help! Thanks

that is an issue with the width settings. Share conditionals and layout settings of the container element (ie: the group that holds the text and icons) inside the repeating group

Hi! Thanks for looking at this, let me share the layout settings and conditionals of the different elements here. First, the container element holding the text and icons is a reusable group, I’ll share how the reusable is deployed here:


Now, I’ll share how that reusable element looks from the source:


What I see it’s like if it had a conditional to make it “fit to width” only for index = 1 , which I don’t have anything like that. Any idea what might this be? it’s happening in many of the repating groups I have.

Again, thanks!

It’s collapsing because it has no min-width and by whatever reason the first item’s data is empty. Can you show how are you populating that data on the RG?

Thanks @ramaarana7 ! First item does have data, actually if I refresh the page it looks right, it’s just some times that this happens to different repeating groups. My suspicion is that if I add a min width it will just collapse to that min width and the problem will still continue, as the issue is that it seems to be collapsing to the min width when there’s no instruction/set-up doing that. Let me know what you think! Adding the repeating group setup.

I’d suggest on the reusable element where it is placed into the RG (so not the reusable element in the editor, but where you put an instance of that RE into the RG)…set the min width to 100% and see if that helps