[Archive] Cannot login to Firefox

Embedded Wallets (Web3Auth)
1

:classical_building: Archived Content from Web3Auth Community

This topic was originally posted by teh.wolf73 on 11/20/2023.
This content has been migrated from our previous community forum to preserve valuable discussions.

I have developed an application and use the Web3auth for the login.
It’s working in the Chrome browser but doesn’t work in the Firefox.

I have the same problem as this link:

This is my config:

new Web3Auth({
            clientId: clientId,
            chainConfig: {
                chainNamespace: CHAIN_NAMESPACES.EIP155,
                chainId: "0xA4B1", // hex of 42161
                rpcTarget: "https://rpc.ankr.com/arbitrum",
                blockExplorer: "https://explorer.arbitrum.io", // EVM chain's Blockexplorer
                displayName: 'Arbitrum One',
                tickerName: 'Ethereum',
                decimals: 18,
                ticker: 'ETH',
            },
            web3AuthNetwork: "sapphire_devnet",
            uiConfig: {
                appName: '',
                appUrl: '',
                defaultLanguage: "en",
                loginGridCol: 2,
                logoLight: "../assets/logo/logo.png" // Your App Logo Here
            },
        });
2

@teh.wolf73 Could you check the parameter in the uiconfig logoLight: "../assets/logo/logo.png" fixed with the absolute url like https://web3auth.io/images/web3auth-logo.svg

3

I have done your suggestion, but nothing happened.
I mean I used the absolute url, but nothing happened.

4

The following steps are the walkthrough of this issue.

1- Whitelist the Firefox add-on ID in web3auth dashboard
2- Open the extension in a new tab of the firefox (not popup)
3- Open web3auth modal
4- Select Facebook to sign in
5- The web3auth modal opened and asked for a Facebook username and password
6- After entering the Facebook username and password, the new page of web3auth opens and at the center, we can see this message 'Please do not reload the page" (see attached screenshot). But the application got stock in this page and the loading won’t finish(see attached screenshot).

Firefox-Issue
Firefox-Issue1412Ă—850 44.1 KB

5

Can you share the console logs please?

6

Here you are

issue-new-image
issue-new-image1416Ă—850 42.3 KB

7

Any update regarding the last message?

8

We are reviewing and will get back when there is an update.

Thanks for your patience.

9

Appreciate it.
We’re waiting for the update for the Firefox issue as our project needs this part.
Thank you very much.

10

@teh.wolf73 Can you share the entire absolute url for the logo “…/assets/logo/logo.png”

11

This is my project directory tree.

logo-src
logo-src1266Ă—847 80.8 KB

My entire absolute URL is this:
https://my-website-name.com/earn/assets/logo/logo-thanx.png

Note: Also, I removed the “logoLight” parameter from the web3auth class argument object, but nothing happened!

12

Any update regarding this issue?

13

Our team are looking into this and will get back with an update.

14

Any update regarding this issue?

15

Is this URL able to give the image? If so, it won’t be any issue.

Dynamically if you are trying to call the URL, please use string interpolation.

16

It shows the image perfectly without issue.
Do you mean if I don’t use string interpolation, then a problem will happen?

17

If you are dynamically calling the URL, use string interpolation otherwise not needed.

18

Although, I’m not dynamically calling the URL, but I have used both approaches but I think it isn’t the real issue of this topic

19

Hey @teh.wolf73,

Welcome back!

It’s been quite a long time since this was originally posted. Could you please update to the latest version of the SDK and check if the issue still exists? We have pushed many major updates for features and security, including frequent bug fixes through minor patches.

You can find migration guides in our docs to help with the upgrade. If you encounter any issues while upgrading, please add a reply to this thread. I’ll be glad to assist you.