Firebase recapcha dosen't work on device


#1

42
above div not appear on device…but appear very well on safari and chrome browser.
why is it?
I need firebase recapcha to verifying phone number

home.html

<div  id="sign-in-button" class="sign-in-button"></div>
  <div *ngIf="windowRef.confirmationResult">
    <label for="code"> enter code here</label>
    <input type="text" name="code" [(ngModel)]="verificationCode">
    <button (click)="verifyLoginCode()"> Verify </button>
  </div>

home.ts

ionViewDidLoad() {
    console.log('ionViewDidLoad ProfilePage');

      this.windowRef.RecaptchaVerifier= new firebase.auth.RecaptchaVerifier('sign-in-button')
      this.windowRef.RecaptchaVerifier.render()
  }
  verifyLoginCode(){
    this.windowRef.confirmationResult.confirm(this.verificationCode).then(result=>{
      console.log("result success");
      console.log(result);
      console.log(result.user);
    }).catch((err)=>{
      console.log(err)
      console.log(err.code);
      console.log(err.message);
    })
  }