Hi everyone,
A few days ago, I think something either changed about the Bubble platform or the way browsers interact with Bubble, resulting in my web app displaying all the elements in correctly on PC (Mac works fine).
Specifically, all my pages now render with elements outside of their boxes, in the wrong places, or just simply incorrect placement. I haven’t adjusted these pages in months and first noticed the problem show up in Chrome on Friday 8/23 morning and then the problem eventually showed up in Microsoft Edge as well the next day 8/24.
In my app, I use HTML and CSS to dynamically set zoom X% on certain elements to make sure they change size correctly in relation to the user’s browser size. Basically, I apply a formula like this (current_page_width/1900)%. My desktop is 1900 pixels wide when I built the app and the idea is that if the user screen is for example 1700 pixels, then everything will show up a bit smaller
(1700/1900%) and still fit in the user’s browser.
I noticed that when I comment-out the zoom in one my pages, the issue is resolved, but this doesn’t seem to work on all pages. Note that I didn’t active “responsive builder” in my app because I found it a bit confusing when I tried it for the first time.
I wanted to ask if anyone here has experienced this as well and what you might have done? Did something happen on Bubble app to cause this? I would super appreciate any pointers so I can get this fixed and let my users know that they can come back to the app.
Thank you!!!
Z