captcha plugin issue.

Ishtiaq Ahmed

I have enabled the reCAPTCHA V2 and it generated this error in the console. and captcha was not rendered
recaptcha__en.js:220 Uncaught (in promise) Error: reCAPTCHA placeholder element must be an element or id at recaptcha__en.js:220:442 at contact:1002:28 at Array.forEach (<anonymous>) at onloadCallback (contact:1001:36)

when I checked the code it made the two g-captcha HTML elements. i don’t why it is generated. like
<div class="g-recaptcha" id="captcha_6e1a6ac718e1a4ec597100e43c482a0d" data-sitekey="6LeqgkkqAAAAAPKQEb1QfjFdTSp2mLUJiHrVwz9H"></div> <div class="g-recaptcha" id="captcha_c239027a076f6531d2ee0450cec60121" data-sitekey="6LeqgkkqAAAAAPKQEb1QfjFdTSp2mLUJiHrVwz9H"></div>

Ishtiaq Ahmed

I fixed it by modifying the code of this file \platform\plugins\captcha\resources\views\v2\script.blade.php

by updating this function.

    var onloadCallback = function() {
        // window.recaptchaInputs.forEach(function(item) {
        //     grecaptcha.render(item);
        // });
        window.recaptchaInputs.forEach(function(item) {
            var element = document.getElementById(item);
            if (element) {
                grecaptcha.render(item);
            } else {
                console.warn('reCAPTCHA placeholder element not found for ID:', item);
            }
        });
    };

Botble

Ishtiaq Ahmed We will update it.

Thanks for your feedback.