Popup blocked by browser

[Legacy] GitHub Discussions
1

Popups are set with uxMode: "popup".
The login method is executed when the login button is pressed, but the popup seems to be blocked by browsers such as safari.
Is this expected behavior?
I would like to use popup mode rather than redirect mode for better UX.

https://xxxxxx.amazoncognito.com/",
verifierIdField: "email",
redirect_uri: window.location.href,
},
}
);">
// init method

const openloginAdapter = new OpenloginAdapter({

adapterSettings: {

clientId: CLIENT_ID,

network: “testnet”,

uxMode: “popup”,

loginConfig: {

jwt: {

verifier: “verifier-dev”,

typeOfLogin: “jwt”,

clientId: “xxxxx”,

},

},

},

});

web3Auth.configureAdapter(openloginAdapter);

await web3Auth.init();


// login method

const connecter = await newWeb3Auth.connectTo(

WALLET_ADAPTERS.OPENLOGIN,

{

loginProvider: “jwt”,

extraLoginOptions: {

id_token: jwtToken,

domain: “https://xxxxxx.amazoncognito.com/”,

verifierIdField: “email”,

redirect_uri: window.location.href,

},

}

);


Originally posted by: yusakapon

Check the discussion at: https://github.com/orgs/Web3Auth/discussions/384

2

Hey @yusakapon

Thanks for submitting your question. As I checked, it seems there might be a few best practices around using popups which you can use online, but generally, they're based on some heuristics, so are difficult to get around. I might advise you to use the redirect method here since that is the way to avoid it. If not, you might have to add some wording for the users to enable popups in settings.



Originally posted by: yashovardhan