Bug with Google ReCAPTCHA

  • Resolved trevormiles

    (@trevormiles)


    3 years, 6 months ago

    First of all, thank you for the great plugin, it works excellent.

    My client has noticed a bug with the google ReCAPTCHA that we would love to have resolved. Here are the steps to re-create the issue:

    1. Make sure that you have enabled the Google ReCaptcha option on your form.
    2. Make sure that there are required fields on your form.
    3. Leave all the fields blank on the form, complete the reCAPTCHA field and submit the form.
    4. Since the required fields weren’t filled in, the form will fail to send and you will see errors regarding the required fields. The bug is that the reCAPTCHA field has now disappeared. Once you fill in the required fields and try to submit the form again, the form will fail to submit with the error “Please complete the ReCaptcha field”, but it is now impossible to complete the ReCaptcha field since it has disappeared.

    The built in reCAPTCHA option does not have this same problem, only the Google ReCaptcha option. We do like the Google ReCaptcha option more and would like to continue using this option.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Nick Ciske

    (@nickciske)

    @trevormiles I do see that issue with your form, but cannot duplicate it in my dev environment. I suspect there is a unique factor on your website causing this behavior.

    There is no logic in the plugin that would ever hide the reCaptcha… so something else is afoot.

    Ah, it appears the issue is your Content Security Policy. It allows the initial iframe embed, but not the subsequent iframe embed. Fix that and you’ll be back in business.

    SecurityError: Blocked a frame with origin "https://www.google.com" from accessing a cross-origin frame. Protocols, domains, and ports must match.
(anonymous function) — recaptcha__en.js:690:392
(anonymous function) — recaptcha__en.js:80:150
(anonymous function) — recaptcha__en.js:697:271
Global Code — bframe:184

    The root issue seems to be the popup plugin you’re using and how it renders the content… as nested iframes.

    Blocked a frame with origin "https://summitbwstag.wpengine.com" from accessing a frame with origin "https://www.google.com". Protocols, domains, and ports must match.

    Thread Starter trevormiles

    (@trevormiles)

    @nickciske Thanks for going above and beyond at looking into this issue even though the problem wasn’t with this plugin specifically. Indeed it looks like a site specific issue with the factors that you pointed out. I’ll look into what I can do to resolve those. Thanks for the support, I really appreciate it!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Bug with Google ReCAPTCHA’ is closed to new replies.