Auth0 Home Blog Docs

Auth0 on iframe

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

https://mycustomname.eu.auth0.com/authorize?xxxx

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 ?

Hi @pawelsz,

Welcome to the Community!

I am not sure if this is possible or not. Can you tell us what errors you are seeing in the logs in the dashboard?

Thanks,
Dan