Bubble is automatically stopping the scroll of a page now when a popup is displayed (great improvement)…what this is causing is an issue when your popup is of dynamic height because of the use of collapse height when hidden on groups contained within the popup.
I now have a lot of popups that have the bottom of the popup hitting the bottom of the page causing for an ugly UI because my popups have been styled to have a border/shadow.
It seems like Bubble is not automatically adjusting the popup position to be centered on the screen when they are also automatically stopping the scroll of the page (which will render the height of the page as that of the device from my understanding).
How are people adjusting their designs with use of popups to accommodate for this UX flaw? My first assumption was to add a spacer to the bottom of the popup, and to contain all elements in a group and style the group to have the border/shadow and remove it from the popup element itself (definitely not what I want to do).
Does anybody have an easier fix? Perhaps a way to get the popup to actually just be centered vertically on the page so that there is an equal margin between the top and the bottom of the page instead of what Bubble is doing now which is just a large margin on the top and zero margin on the bottom.