Missed reCaptcha after wrong form submit vs webform module

Fix from #3 🐛 Missed reCaptcha after wrong form submit vs webform module Closed: cannot reproduce also works for me

I had the same problem, using a form in a block. In my case, if reloading with removing cache (Strg+F5) it worked, but after "normal" reload (F5) the reCAPTCHA was not loaded. Fix #3 🐛 Missed reCaptcha after wrong form submit vs webform module Closed: cannot reproduce did not fully work for me. I got a message that drupalRecaptchaOnload was missing.

However, basically copying the module's js code from recaptcha/js/recaptcha.js to my own custom script and changing

Drupal.behaviors.recaptcha

to

Drupal.behaviors.recapcha_ajax_behaviour

seems to have solved the problem. Full code:

(function ($, Drupal) {
    Drupal.behaviors.recapcha_ajax_behaviour = {
        attach(context) {
            $('.g-recaptcha', context).each(function () {
                if (
                    typeof grecaptcha === 'undefined' ||
                    typeof grecaptcha.render !== 'function'
                ) {
                    return;
                }
                if ($(this).closest('body').length > 0) {
                    if ($(this).hasClass('recaptcha-processed')) {
                        grecaptcha.reset();
                    } else {
                        grecaptcha.render(this, $(this).data());
                        $(this).addClass('recaptcha-processed');
                    }
                }
            });
        },
    };
  
    window.drupalRecaptchaOnload = function () {
        $('.g-recaptcha').each(function () {
            if (!$(this).hasClass('recaptcha-processed')) {
                grecaptcha.render(this, $(this).data());
                $(this).addClass('recaptcha-processed');
            }
        });
    };
})(jQuery, Drupal);