SOLVED: Bug in popup behavior on mobile

Bugs
1

Browser: Chrome 114
OS: Windows

Hi bricks team,

Earlier, I reported a pop-up bug here (bug number 2) that occurred in the mobile browser. This bug was fixed in version 1.8.2.
I checked this bug and it is completely fixed, but there is still a problem with the popup behavior. The problem is that when we scroll the page (either up or down), the pop doesn’t stick well to the bottom of the page. Rather, it is separated from the bottom of the screen for a moment and returns to its place again with a long delay. I tested this in elementor popup and it worked fine. Please watch the video below. I hope this behavior can be corrected.

2

Hi Hosein,

Thank you so much for your report!

I’m unable to replicate the issue on my local setup so can you please share either a URL where this is happening, or better yet if you can share temporary access sent to help@bricksbuilder.io (please include a link to this thread).

Best regards,
Charaf

1 Like
3

Hi @charaf,

https://try.bricksbuilder.io/t7b3ff1b/page/

I forgot to mention that I experience this bug in Android browsers (Chrome and Samsung Browser). I have not checked other browsers. If you are still not successful in reproducing this bug, I will contact help@bricksbuilder.io.

4

Hi Hosein,

Thank you for providing the link. I was able to reproduce the issue on Android as well.

This issue is most likely due to scroll anchoring. As the popup element isn’t supposed to be treated as a footer it has a position of flex & justify-content is set to end.

One solution you can explore if you really want to implement this as a popup is to override the position like so:

.brx-popup {
  position: sticky;
  bottom: 0;
}

Let me know if this helps :slight_smile:

Best regards,
Charaf

5

Hi @charaf,

Unfortunately, it did not work.

6

I’m sorry to hear that!

Is there a particular reason you need to implement this as a popup rather than a footer element with a position of sticky?