Auth does not work in ionic apps on iphone devices or sims

Version info

Angular 12.1.1

Firebase 9

@angular/fire 7.0.4

ionic 5.5.2

How to reproduce these conditions

Create a sign in with email and password login. Will work in browser; will not work in iphone simulator or iphone device. It will just hang, waiting for a login result.

Steps to set up and reproduce

1. clone git clone https://[e-mail]/donhmorris/testlogin.git
2. run npm i
3. run ionic lab
4. login in browser with credentials: email = ‘[e-mail]’. pwd = ‘password’
5. Message will be displayed in app that says “Signed in as [e-mail]” and Logout button is displayed on success. A toast will appear in red if an error occurs.
6. stop ionic lab; run ionic cap run ios
7. select an iphone simulator model. Any version will do. Recommend iphone 13.
8. attempt to login using the previous credentials
9. nothing will happen. no errors, exceptions or anything. app just hangs

Notes A firebase project is setup to specifically test the supplied demo app.

Debug output

** Errors in the JavaScript console ** None ** Output from firebase.database().enableLogging(true); **

** Screenshots **

Expected behavior

Login is successful and a message is displayed showing the email used to sign in.

Actual behavior

App hangs with no error messages

[NLueg]

If anyone also has this issue, I solved it as suggested in the issue https://github.com/firebase/firebase-js-sdk/issues/5019 with this code:

import {
  getAuth,
  indexedDBLocalPersistence,
  initializeAuth,
  provideAuth,
} from '@angular/fire/auth';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    ...
    provideAuth(() => {
      if (Capacitor.isNativePlatform()) {
        return initializeAuth(getApp(), {
          persistence: indexedDBLocalPersistence,
        });
      } else {
        return getAuth();
      }
    }),
  ]
})

[rodrigoreal]

If anyone also has this issue, I solved it as suggested in the issue firebase/firebase-js-sdk#5019 with this code:

import {
  getAuth,
  indexedDBLocalPersistence,
  initializeAuth,
  provideAuth,
} from '@angular/fire/auth';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    ...
    provideAuth(() => {
      if (Capacitor.isNativePlatform()) {
        return initializeAuth(getApp(), {
          persistence: indexedDBLocalPersistence,
        });
      } else {
        return getAuth();
      }
    }),
  ]
})

@NLueg thank you man, saved my day, was struggling here for hours.