Render New Universal Login Within an iFramed Window

Overview

When attempting to render New Universal Login within an iframe, the following error appears:

Framing 'https://<domain>.eu.auth0.com/' violates the following Content Security Policy directive: "frame-ancestors 'none'". The request has been blocked.

Applies To
  • New Universal Login
  • Clickjack Protection
Cause

This behavior is expected. New Universal Login sets the Content-Security-Policy response header on the /u/login and /u/login/identifier endpoints to frame-ancestors 'none'. This acts as a security measure to prevent clickjacking. Refer to Clickjacking Protection for Universal Login for more information.

Solution

Use one of the following options to resolve this issue.

NOTE: These approaches may open the application to potential clickjack attacks.

  • Switch to Classic Login: In the Dashboard, select Tenant Settings > Advanced settings > Migrations and disable Clickjack protection.



Implement a reverse proxy: Switch the custom domain to self-managed and implement a reverse proxy to switch the headers on the request.

  • NOTE: This is an advanced topic. A professional services engagement may be required if assistance is needed.

Recommended content

No recommended content found...