Bubble popup scroll weird behavior - FIX

bubble has weird behaviour for popups on the page

user opens the popup - if they scroll then once the cursor is out of the popup they will scroll on the page and the popup can be scrolled out of view quite easily

this is due to how bubble display popups as a dom element

I was able to fix this with some custom css that fixes the position of the popups so the weird scroll behavior no longer happens

here is the css if anyone is interested - just need to add it into the scripts under your app settings (and encase it in script)

/* Override the default absolute positioning of all popups /
.bubble-element.Popup {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
/
You can also set a max-height or width if needed /
max-height: 90vh;
overflow-y: auto;
z-index: 2000; /
adjust as needed */
}

5 Likes

Super cool Mitch!