Can you please fix static image responsive sizing

[mayur]

I looked into the rendered HTML for static images and was astounded to find a helper(?) div inside with class “aspect-ratio”. I assume thats the placeholder for image height calculations cause you use a CDN? Still not sure why that matters if true.

Anyways, when dropping a static image onto a page, you would THINK that the image ratio is unset and basically the image just displays as intended either fitting max height or width of the parent div, NOT stretching.

But it doesn’t. And for the life of me I can’t figure out how to get Bubble to not stretch my image. I think this is all due to your Editor UX team not having someone like me on the team (that used Elementor for at least 2 years previously).

So I asked ChatGTP for some Javascript and it did well…

See my post here…

Responsive Fixer Image Script to fix Bubble (lol)

I find it a bit silly that I have to do this, but for some very odd reason I can’t explain, the default Image object doesn’t actually work as intended for static images When trying to drop a static image into a page, the default width to height ratio is assumed to be 1x1. If you try to make the ratio of width to height less than that, you can’t. You also can’t just force Bubble to keep the image width and height unset (from what I can tell). You would think that it should take all of 10 second…

P.S. You really should have some Senior UX and Product people on the team building a few sites in Elementor (a WordPress page builder) to see just how MUCH better it handles object properties via Flexbox etc.

P.S.S. I’m a WordPress Pro and would join the team to help if there is interest in improving the UX of the Editor.

[mayur]

An example of how Elementor (a WordPress page builder) handles object properties below. As you can see its way more organized. I think you would see a good 20% increase in user happiness and efficiency if your team aimed towards something like this:

Soapbox - How Elementor (a page builder) handles the property window