Hey there and thank you in advance for reading my question.
For context, my org would like to leverage Passwordless sign in with Magic Links. We also want to heavily customize the login experience. From a tech perspective we are using Next.js
After initially seeing the documentation that states magic links with Universal login are not supported I went down the rabbit hole of trying to implement an embedded login. However, I ran into the issue described in this post.
I am trying to understand why magic links are not supported with Universal login. As mentioned, I see in the documentation that states it is not supported:
Magic Links are not supported for Universal Login.
When using Magic Links with Classic Login, both the initial request and its response must
take place in the same browser or the transaction will fail. This is particularly relevant for iOS users, who cannot change their default web browser.For example, the user might make the initial request using the Chrome browser, but when the user opens the Magic Link in their email, iOS automatically opens it in Safari (the
default browser). If this happens, the transaction will fail. source
This feels out of date as I know that my default browser on my phone is not Safari anymore. That being said I could be missing something. Also, many of the forum posts also seem old and out of date as well.
The other reason why I ask is because I was able to configure my tenant to use the Universal Login. Then in the Customize login section (Branding > Universal Login > Login) I leveraged the Custom Login Form template and auth0-js to fire webAuth.passwordlessStart({...});. I received a link to my email and was able to login to my application.
I would appreciate any insight or help or how we can accomplish our goals if this isn’t the recommended approach.
Thank you again.