Form in lightbox not working

I just pulled up your page to test it myself. For my part, I’m not able to get the Recaptcha to pass. If I try to submit without that, I get an error that I need to complete the Recaptcha.

I assume that’s not what you’re seeing? Assuming not, are you able to complete the Recaptcha? And if you do that and hit submit, what happens exactly?

Not sure if you are a developer and know how to check the dev console. Just right click anywhere on the page, and click ‘inspect’ on the little menu that pops up. The dev tools will open at the bottom. I’d like to know if you see any red error notice down there when you click submit. It looks like this for me: https://d.pr/i/RHCgsm

We can’t click the checkbox to be selected and yes, without it the Recaptcha won’t run either. The form does work outside the lightbox.
I’m getting this in console:
Uncaught (in promise) Timeout (z)
anchor:1 Uncaught (in promise) Timeout (f)

Ninjaform isn’t be so very helpful, they want us to try a preferred popup plugin. I don’t want that: we shouldn’t need all the extra scripts loading for a simple button lightbox.

• This reply was modified 2 months, 1 week ago by Starhorsepax2.

Hi, I suspect that JS error is breaking things, but I’m not entirely clear where that is coming from. I will try to set up a Ninja form in a lightbox locally and see if I can duplicate the issue. If I can, I’ll work on a fix. If not, it’ll be something specific to your instance that we’ll need to troubleshoot. I will follow up tomorrow on this.

Any luck?

Hi. I did set up a Ninja form in the lightbox yesterday and it was working fine. But that was without recaptcha.

I highly suspect that the issue may arise from putting recaptcha in a modal (or in any content that is originally hidden and then displayed afterwards). There are a number of reports for this sort of thing if you search Google for the JS error on your site (ie, “recaptcha Uncaught (in promise) Timeout (z)”).

But I can’t set up recaptcha on my local dev instance. I need to do it on a live site, and I didn’t get to doing that yesterday.

You could quickly confirm this is the issue by temporarily removing recaptcha from that form and confirming the form works in the lightbox without recaptcha. If so, then we know that there is basically a conflict with recaptcha in a lightbox. If that’s the case, I think it will require a specific code fix on our side to effectively reset reacaptcha after the lightbox is opened.

Otherwise, I’ll try to get that set up today and confirm and, if that’s the issue, start investigating a fix.

I just tested. The form with just fields works. However, if I add a checkbox or a radio button it won’t let me select and console gives the timeout error. Add a recaptcha and that just spins.

This may have something to do with those form security updates. It was a lot of form plugins and a lot of different lightboxes suddenly seemed to run afoul of the security changes. I have tested the others and some have fixed it, but I was hoping not to need to on this site. Seems overkill to add a whole popup plugin for one little form in a lightbox. I hope we can fix it.

• This reply was modified 2 months, 1 week ago by Starhorsepax2.

Hi – I just wanted to follow up and let you know I’m still working on this.

First, I was able to fully duplicate the issue on a live site.

Second, I think it will require resetting or reloading the recaptcha field after it becomes visible in the lightbox. That said, my efforts to do that so far haven’t worked or resolved the issue yet. It may still be a timing issue. In any case, I’m sure I’ll figure this out eventually. I will try to work on it some more tomorrow (Sunday) and will follow up .

Hey – Still haven’t figured this out with the free lightbox. Resetting recaptcha after the lightbox loads is not sufficient to fix the issue.

I’ve also confirm this DOES work with the Firelight Pro lightbox. I put up a demo for you to see here: https://firelightwp.com/pro-lightbox/ninja-forms-in-lightbox-popup/

The fact that it works with the Pro Lightbox and not the free one obviously means that it is something about the free lightbox that’s interfering with recaptcha. It’s worth noting that the issue here is likely a conflict between recaptcha and the *actual* fancybox V1 and V2 lightbox script. That’s not something we created, but rather something we’re wrapping into a plugin here. It’s also worth noting that those are older versions of Fancybox (the Pro Lightbox is the newest version, which is V5).

In any case, I’ll keep troubleshooting, but will probably need to pick this up again tomorrow.

I can confirm it would be running an old script from before you got it. This is an older site and I know we set it up when the plugin was run by iirc RavanH. I recall using it on more than one site (though I’m not sure the others are still using it for a form). It’s not even using blocks.

Due the client’s need I have temporarily switched to another plugin for the main button but I have the original on a duplicate page in hopes I can switch back if a fix appears, (and therefore not need the extra)