We are using @auth0/auth0-react (1.9.0) for a React application.
Background
On for example Safari (iPhone 13), or any other browser where third party cookies are not allowed, we use the loginWithPopup function when a user wants to login or signup.
Expectation
After successful signup in the popup window, I expect the popup to close and return the user to the primary window.
Problem
Instead the popup simply navigates to a blank screen with the following format as url:
This particularly happen on a fresh browser session with no previous attempts or cookies.
The user can of course close the popup manually, but we think this is a problem UX wise for our new users. Especially on mobile devices where loginWithPoup equals a new browser window.
Can someone explain why this dead end blank screen occurs? Or how we can avoid it.
Welcome to the Auth0 Community and apologies for the delay!
Are you still seeing this issue? If so, could you please provide us with a code snippet or example of how you have implemented Auth0 in your React app?
Does this behavior only happen during a fresh session? Or are you saying it happens on all sessions including a new session?
We migrated from Azure B2C and i wasn’t expecting this behaviour. How do we close this popup? It is a bad UX expereince asking the user to manually close the popup. What do we do to have this resolved?