SOLVED: Entry Animation on Popup not trigger - too much recursion

[Andreas_Prautzsch]

Bricks Version: 1.6
Browser: Firefox 107.0.1
OS: Windows 10

Hi,
i create a popup for project-request on my site. In the popup-builder i´m set an entry & leave animation in the interactions. If i trigger the button to open the popup in frontend, it is shown up, but without the animations.

In the browser console i get multiple the error:

“Uncaught InternalError: too much recursion”

[kjs90]

Bricks Version : 1.6
Browser : Brave 1.46.140
OS : MacOS 13.0.1

I have a similar issue. When I set the interaction for entry animation in the popup settings and test it in the front end, I get this error:

Uncaught RangeError: Maximum call stack size exceeded.

[Jimmy]

Set the animation on the button rather than the popup and target the popup in the animation dialogue. Don’t use show element as it is instant, it doesn’t allow time for an animation to run. .

[timmse]

Hi Andreas ,
Welcome to the forum, and thanks so much for your report!

Can you show me your interaction settings in detail so that I can reproduce the issue 1:1?

@kjs90 I was able to reproduce the "Uncaught RangeError: Maximum call stack size exceeded" error.

Best regards,
timmse

[Andreas_Prautzsch]

Hi timmse,
in the screenshots you can see my settings on screen for the button who trigger the popup and the settings in the popup-builder.

In the Popup i use both Events for show / hide the popup.

[Andreas_Prautzsch]

[Andreas_Prautzsch]

Thanks, but not work for me.

If i set this, the popup is not shown up.

[timmse]

Hey Andreas,
Thanks so much!

As Jimmy already suggested, please change the interaction on the button and remove the interactions on the popup itself:

This way around, it works for me (apart from the JS error in the console - but the animation works).

Best regards,
timmse

[timmse]

Hi guys,
We’ve fixed the JS errors in Bricks 1.6.1, now available as a one-click update within your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

[alo]

I got the fadein animation working by setting the interaction on the button but there are still 2 issues:

1. The button is clickable but it’s opacity is set to 0 with the following CSS:

.bricks-is-frontend .brx-animated[data-animation*=In], .bricks-is-frontend :not(.brx-animated)[data-interactions*=In] {
opacity: 0;}

2. How do we set up exit animations? I’d like to have a simple similar fadeout, but all configs I’ve tried so far dont apply and it just blinks out.

EDIT: With 1.6.2 adding a button inside the popup and setting the close animation there is one solution and it doesn’t seem to have the flicker bug anymore, but getting to keep the animation when the user just clicks outside of the popup to close it would still be very very useful.

All the best,

Alo

[timmse]

Hey Alo,
It looks like you’ve set an animation on the button itself. Can you show the interaction settings for the button in detail?

Best regards,
timmse

[alo]

Hi Stefan,

I am currently using 2 buttons - one on the navbar to open the modal and another inside the modal to close it. Basically using these settings for the animation, and set them on the button:

I’m not having the opacity CSS issue right now, I’m guessing it was present when I was trying to get the popup to close without a separate close button.

Again, this combo (2 buttons) works currently, But it would be great if closing by clicking outside the modal or pressing esc (both close the modal functionally) would also trigger the close animation, not just make it disappear instantly.

All the best,

Alo

[timmse]

All right. We already have a couple of requests about making it possible to target any selector with an interaction (e.g. a class like the backdrop of the popup):

Popups - Allow triggering by CSS selector and JS

The popup element is great, but we need a way to be able to trigger it by CSS selector or by using a JS function like open_popup($id).

Trigger a Popup via Non-Bricks Element

Looking to trigger a popup from a Max Mega Menu nav item (still waiting on Bricks to fix accessibility issues with the navigation, so using that instead) - but can’t quite manage to figure out how it works, or if it’s possible. With Elementor, for example, you can set up popups to trigger on click of a specific class, which in this case would be, say, .enquire-popup, however even though that’s the class that holds the interaction for internal bricks elements like on-page buttons, it does nothin…

A way to trigger a popup by a selector

Bricks Version: 1.6.2 Not sure if this is a bug, it will probably sound like a feature request. I would really like to be able to or tell me please, how to call a pop-up window by the selector located in the shortcode? Those. for example. suppose a form is placed on the page, no matter which developer. Let it not be a form, the main thing is that it is a shortcode that displays some useful information. Further, let’s suppose that some information is placed inside, by clicking on which a pop-u…

We’re currently consulting about it.
Have a nice weekend!