Firebase phone auth javascript recaptcha error

[cjorge]

Every time the recaptcha is solved on Phone Auth there is a error:

recaptcha__en.js:179 Uncaught TypeError: Cannot read property 'style' of null
at N (recaptcha__en.js:179)
at nF. (recaptcha__en.js:480)

This will then mess up the prompt dialog asking for the code.

I had to go back to version 4.5.0 to have this not happening (which sounds strange to me). Is this issue known?

[google-oss-bot]

I found a few problems with this issue:

• I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.
• This issue does not seem to follow the issue template. Make sure you provide all the required information.

[bojeil-google]

This looks like it is coming from the reCAPTCHA SDK. Please provide the minimal code to recreate this.

[cjorge]

After initializing firebase this is the basic code that will through the error...

<div id="recaptcha-container"></div>
<script>
    var phoneNumber = "+351999999999";
    var appVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');

    firebase.auth().signInWithPhoneNumber(phoneNumber, appVerifier)
        .then(function (confirmationResult) {

            console.log(confirmationResult)
            
            return confirmationResult.confirm(testVerificationCode)
        }).catch(function (error) {
            console.log("error")
            
    });
</script>

[bojeil-google]

We are not aware of any issues. I tested in 5.5.9 in 2 sample apps we have and it was working fine.
Do you happen to be manipulating the DOM while the reCAPTCHA is getting rendered? I suggest you start simple (remove all other dependencies from your code) and test phone auth on its own and then keep adding additional dependencies one by one to your page. It may be that something is making DOM changes on the page.

[cjorge]

I rechecked it again. It only happens when the recaptcha shows you pictures to validate. When the recaptcha immediately validates you it works