Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'da') and improper dropdown placement

[dilizarov]

trafficstars

[REQUIRED] Describe your environment

• Operating System version: MacOS 12.2.1
• Browser version: Google Chrome Version 108.0.5359.98 (Official Build) (x86_64)
• Firebase UI version: 6.0.2
• Firebase SDK version: 9.15.0

[REQUIRED] Describe the problem

Steps to reproduce:

Open Firebase UI. Click Country Code dropdown. Notice dropdown positioned incorrectly. Click outside dropdown to close it — get error: "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'da')"

Relevant Code:

Typical set-up with appropriate div with id firebaseui-auth-container

Relevant initialization:

      let ui =
        firebaseui.auth.AuthUI.getInstance() ||
        new firebaseui.auth.AuthUI(firebase.auth());

      if (!isLoggedIn) {
        ui.reset();
        ui.start("#firebaseui-auth-container", {
          signInOptions: [
            {
              provider: firebase.auth.PhoneAuthProvider.PROVIDER_ID,
              recaptchaParameters: "invisible",
              badge: "inline",
            },
          ],
          callbacks: {
            signInSuccessWithAuthResult: () => false,
          },
        });
      }

Dropdown should be underneath/over the country code, not centered on screen.

[tamper2]

I'm having the same issue - running on a docker container using firebaseui 6.0.2, using react.js. Is there any workaround for the error? "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'da')" I don't mind regarding the country code layout, but the error is problematic...

Thank you