Drupal → Фиксим вывод reCaptcha на AJAX формах

Разработчики модуля reCAPTCHA восьмой год не могут заставить работать капчу на ajax формах. Проблема в следующем — при перезагрузке формы с помощью AJAX капча пропадает, поскольку модуль никак не реагирует на подгрузку динамического контента. Фиксим самостоятельно:

Drupal 8

Появился рабочий патч (как его установить)

Создаём модуль, добавляем в него следующие файлы:

recaptcha-ajax.js

(function (Drupal, $) {
  Drupal.behaviors.recaptchaAjax = {
    attach: function attach(context, settings) {
      if ('grecaptcha' in window && context !== document) {
        $('.g-recaptcha:empty', context).each(function () {
          grecaptcha.render(this, $(this).data());
        });
      }
    }
  };
})(Drupal, jQuery);

MODULENAME.libraries.yml

recaptcha-ajax:
  js:
    https://www.google.com/recaptcha/api.js: {type: external}
    recaptcha-ajax.js: {}

MODULENAME.module

/**
 * Preprocess function for captcha.html.twig.
 */
function MODULENAME_preprocess_captcha(array &$variables): void {
  if (
    isset($variables['element']['#captcha_validate']) &&
    $variables['element']['#captcha_validate'] == 'recaptcha_captcha_validation'
  ) {
    $variables['#attached']['library'][] = 'mymodule/recaptcha-ajax';
  }
}

Включаем модуль.

Drupal 7

(function (Drupal, $) {
  Drupal.behaviors.recaptchaAjax = {
    attach: function (context, settings) {
      if ('grecaptcha' in window && context !== document) {
        $('.g-recaptcha:empty', context).each(function () {
          grecaptcha.render(this, $(this).data());
        });
      }
    }
  };
})(Drupal, jQuery);

Если форма подгружается при нажатии на ссылку, то дополнительно нужно в конструкторе формы подключить скрипт рекапчи:

drupal_add_js('https://www.google.com/recaptcha/api.js', array('type' => 'external'));