Distortion Issue with HTML elements (flexbox)

There is an issue with Bubble’s HTML elements when using flexboxes.

Firstly, it does not stretch to fit content properly. When the “stretch to fit content” is selected, all the styling of the flexbox is removed and the html element shows up as plain text.

Second, upon first-time page load (or when the user signs in the first time), the html element becomes distorted, ignoring the flex: wrap function.

Here is an example from my app:
flexboxes

Upon refreshing the page manually, it works as originally intended
flex

This is a somewhat critical issue for me, as my app uses html elements to reduce strain, as opposed to nested repeating groups. I would like to see a fix for this if possible. Thank you

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