iPhone - Safari - social logins dont work

these are our packages:
@web3auth/wallet-connect-v2-adapter": “^7.0.2” ,
@web3auth/torus-wallet-connector-plugin": “^7.0.1”,
@web3auth/modal": “^7.0.2”,
@web3auth/base": “^7.0.1”,

when trying to login with one of the social network account on iPhone - safari browser - nothing happens. the openlogin popup doesnt appear and the button is just clicked (the social buttons dissappear after the click)

1 Like

Hi @idob, could you please try out the app with uxMode set as redirect as safari tends to block popups?

on previous version it worked fine, without any modes turned on.
and we cant tell all of our customers to go and turn on a mode on their phone.

I think you misunderstood me. There is no toggling of modes to be done on your customers’ side.
This is more about the implementation that you could change on your side. Please look here to change the uxMode to redirect.

This is our code after we added the uxMode part:
const openloginAdapter = new OpenloginAdapter({
loginSettings: {
mfaLevel: “none”, // Pass on the mfa level of your choice: default, optional, mandatory, none
},
adapterSettings: {
uxMode: ‘REDIRECT’,
whiteLabel: {
name: “Playnance”,
//logoLight: logo,
//logoDark: logo,
defaultLanguage: “en”,
dark: false, // whether to enable dark mode. defaultValue: false
},
}
});

and its still not working, acts the same

do you have any update on this?

Setting uxMode as redirect usually solves the issue faced by Safari users of not seeing any popup. Are you able to replicate this behaviour on desktop Safari browser as well?

after adding the uxMode, on desktop it doesnt open a new tab for the openlogin. it opens the openlogin page on the same page.
but it does work on desktop.
on mobile nothing happens after you click on the desire social option.

I tried our React EVM Modal example on an iOS safari browser and it’s working fine, can you share me a link of your app hosted somewhere, even a vercel link would do, thanks

Hi,
I’ve tried with the React EVM Modal and it worked for us.
When we set uxMode = ‘redirect’ it doesn’t work for us in browser because when the user is redirected back from the Google login page some data is missing.

How can I know if the redirection back is from web3auth.
I get redirected with sessionId param
for example: http://localhost:3000/#sessionId=b01c0b1da1dba7e5018348fbd83ea01edcd04ff025df443009ddc7f7c51e3716&sessionNamespace=

So if I got sessionId param it means that the connection was successful?

yes, I got that as well on a successful login

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.