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)
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
},
}
});
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.