Search code examples
flutterfirebase-authenticationflutter-layout

Flutter FireAuth remove reCAPTCHA banner (WEB)

I am creating a flutter web app and I am using firebase auth to authenticate users with phone number.

await _auth.signInWithPhoneNumber(phoneNumber);

After executing this command, a reCAPTCHA banner appears at the bottom right corner of the page. After completing the reCAPTCHA test, the banner doesn't come off. Even after confirming the sms:

await confirmationResult!.confirm(smsCode);

enter image description here

enter image description here

How can I remove this banner completely?

Solution

  • Apperently it is easy:

    final el = window.document.getElementById('__ff-recaptcha-container');
if (el != null) {
    el.style.visibility = 'hidden';
}