Hello everyone, I am having an issue with certain vertical groups in my mobile app. In the web editor all of my groups look just fine, however when I test it out in bubble go certain groups that had looked fine before suddenly have random space between text elements. I’ve played around with all margins and alignment settings and its just not showing as it should.
It seems this issue at least for me, only seems to happen when there are two text elements together in a vertical group. An unnecessary amount of random space is put between them completely breaking the visual. Again everything works and looks completely normal in the web editor and the web preview, but the bubble go app displays different.
Check if the parent group has Apply gap spacing between elements enabled. If it’s off, ensure your text elements don’t have fixed heights or minimum heights that are pushing them apart on mobile rendering.
I had a similar problem with text elements being completely misaligned on BubbleGo. The solution Bubble support gave me was to increase the line spacing to 1.3. Apparently, some fonts shift the text element when the line spacing value is below this so I recommend testing it out and seeing if this fixes your issue.
I played around with the text line spacing and it didn’t change anything. All of my settings seem fine, yet this space keeps showing on bubble go. The strangest part is this group has been duplicated in other parts of my screen and it looks fine there, even though the settings are the same.
That does seem a little strange and there’s not much i can think of with the info I can see. Right now, I’d recommend asking bubble support about the issue you’re having. They managed to help me fix my issue when the text elements were misaligning.
