Every new element I drop on the page defaults to “Fixed” alignment and fixed width. This is the opposite of responsive. Please remove this behaviour. Instead of working well on every screen width, it’s preventing the app from doing that out of the box.
Default to the parent’s alignment, and no min or max width.
Completely. I mean, what’s the point if having a great new layout engine (or, as far as I can tell, just letting CSS/browser do its thing…) and then setting the default to the old arcane one?
YESSSS!!! Like it’s the least used setting, and means 99% of the time I have a lot of fiddling to do to get the layout right on every new element. I know it doesn’t take that long, but when you are a full time dev building big things it does add up!
Riiiight?! The extra clicks really do add up. Or worse yet, you forget to change the layout of a newly-created group and now your mobile experience is messed up.
If the parent group is not fixed, the new group should not be either.
Not set at fixed width for starters. So no, min and max should be empty. Just share the same content layout. Basically assume as little as possible + try and prioritize responsiveness.
I like the idea of a configurable setting for new groups and elements.
Your process is exactly what I do when creating new groups or grouping stuff: I have to uncheck and delete everything that makes the group unresponsive. Every, single, time. This is so unnecessary.
To the “Layout” tab on Group styles, add properties for
• Fixed Width/Non-Fixed Width
• Fit Width to Contents
• Min width / max width (optional)
• Do the same for the Height properties.
Paul
It’s astounding that this has not been adressed or fixed in three years sometime I open bubble to sketch out an idea, and give up to get back to writing HTML/JS by hand specifically because of this…
What could we do for that issue to be heard ?