SOLVED: Report a few bugs in the popup builder

Bugs
1

Browser: Chrome 115
OS: Windows

Hi bricks team,

There seem to be a few issues with the popup builder that I hope you will be successful in reproducing.

1- The backdrop will not be displayed until we add the first layout in the popup.

Screenshot
Screenshot1320Ă—553 32.6 KB

2- According to the interaction below, I tried to display an animation for when the popup is closing. It used to work but now it doesn’t.

A
A913Ă—404 19.3 KB

3- Compared to Elementor popup, there are currently restrictions on how popups can be displayed. For example :

A : we cannot use animations like flash when the popup is displayed. Rather, we can only use animations such as fade in.

B : The popup when closing can have animation only if we apply the animation to the “close” button. This is a major limitation.

To fix this, I suggest adding the backdop as an editable div for the popup, just like the offcanvas element. So, in this case, this limitation is removed and even if users click on the backdop, the popup will be accompanied by animation when closed.

1 Like
2

Nice finds, I’ve had the blank problem a few times myself.

3

Hi @HOSEIN ,

Thank you for reporting the issues.

  1. The backdrop doesn’t show up as the popup is not generated yet (empty content). This is expected behaviour and not a bug.

  2. Click trigger + Start animation with any xxxOut animation will automatically close the popup after the animation end. I am not able to replicate the issue locally. Kindly provide a temp admin access for me to check :slight_smile: (help@bricksbuilder.io + this thread URL as reference)

  3. A - You can use any animation to apply on a popup when opening. Just need to define the animation in Settings > Template settings > Popup > Interactions.
    Trigger: Show Popup
    Action: Start animation
    Animation: flash

image
image507Ă—593 20.3 KB

By doing this, this popup will always animate flash animation when open.

(Please do not set animation on the button that trigger the opening of the popup if you plan to do so)

  1. B - Having an animation before popup close, the current possible way is set the xxxOut animatuion on the button. If you would like to have non xxxOut animation, you must follow by another interaction to close the popup when the previous animation end by using “Animation end” trigger + “Hide element” action. By doing this, the popup then only will know when should it close.

image
image517Ă—621 23.1 KB

image
image511Ă—644 29.7 KB

Animation before popup close is quite tricky to implement inside Bricks Interaction. But we will see how to improve it.

Regards,
Jenn

2 Likes
4

Hi @itchycode, Thanks for the excellent and detailed explanation.

Now, with the help of your explanation, running the animation when displaying the popup works without problems.

But as you mentioned, running an animation for when the popup is closing is not easy. When I first checked the popup in Bricks, I expected the Trigger Hide popup to be able to run the animation when the popup is closed. But it is not. I hope in future versions, you will add a simpler solution to run the animation for when the popup is closing.

thank you

1 Like
5

Hi @HOSEIN ,

Yep, the Hide Popup trigger meant for “after” the popup closed. :slight_smile:
It is excatly like the JS event here

Regards,
Jenn

1 Like