I just implemented simple Angular based app with Login with Auth0 button. It works well when I open it directly on browser. I can log in with success. My aim is to have my app embedded into another web page using iframe (as kind of widget).
<div class="css"><iframe src="https://myapp.com"></iframe></div>
But then during login I get an error
There could be a misconfiguration in the system or a service outage. We track these errors automatically, but if the problem persists feel free to contact us.
Please try again.
invalid_request : You may have pressed the back button, refreshed during login, opened too many login dialogs, or there is some issue with cookies, since we couldn’t find your session. Try logging in again from the application and if the problem persists please contact the administrator.
On network tab i can see
Which gets 302 with location
/u/login?state=g6Fo2xxxxxxx
And then
https://mycustomname.eu.auth0.com//u/login?state=g6Fo2xxxxxxx
Returns with 400 HTTP code.
What could be wrong ? It’s not possible to use Auth0 on iframe ?