I have a repeating group that displays a list of messages. Each message can either be text or an image.
If the message has an image, it should display the image.
I set a condition so that the image is only visible and has width when the current cell’s image is not empty (see attached screenshot).
The problem is: even when a message doesn’t contain an image, the row height still expands as if there were an image. I don’t understand why this is happening.
I contacted Bubble support team and they confirmed that this is a bug.
Have you encountered this issue before? I would really appreciate your help
It’s difficult to say without seeing the configuration of the RG itself, but check the Min height of row setting for the RG (on the Appearance tab of the Property Editor).
As an aside, you shouldn’t have to set the image’s width to zero if it’s configured to collapse when hidden. When an element is collapsed, it doesn’t take up any space in the layout.
Well, if the Bubble team said it’s a bug, there might not be a fix yet, but it will be resolved soon.
I think I should always keep the element’s width fixed and only change the visibility, but without access to the editor, it’s difficult to test hypotheses.
The Bubble team has found the solution to this issue. It was caused by the “Stretch rows to fill vertical space” option in the repeating group. This will stretch the height to match the tallest element in the group, even if that element is invisible and collapsed.
They informed me that the documentation will be updated with this explanation:
“When this checkbox is enabled, each row will be vertically stretched to match the tallest content in any row, making all rows equal in height.”
So, if you run into the same problem, simply disable this option.
