Social and Enterprise Connection Buttons Not Displayed on the New Universal Login Screen

Overview

After enabling both Social (e.g., “Continue with Google” button) and Database Connections, the Social Connection button is not displayed on the New Universal Login screen while the Database Connection is available. This article explains a potential cause and resolution.

Applies To

  • Social Connection
  • Enterprise Connection
  • Database Connection
  • Passwordless Connection

Cause

Social and Enterprise connection buttons are not displayed on the New Universal Login screen if a Database or Passwordless connection name is specified in the connection parameter on the application side.

In a scenario where Google Social and Database Connections are enabled, if a Database Connection name (like Username-Password-Authentication) is specified in the connection parameter as below, users are always navigated to Database Connections to use, and a Google Social Connection button is not displayed.

Example with Auth0 React SDK

  return (
    <Auth0Provider
      domain={domain}
      clientId={clientId}
      authorizationParams={{
        audience: audience,
        redirect_uri: redirectUri,
        scope: "remove:authenticators",
        connection: "Username-Password-Authentication"
      }}
      onRedirectCallback={onRedirectCallback}
    >
      {children}
    </Auth0Provider>
  );

Solution

Do not specify a Database or Passwordless Connection name in the connection parameter to display all enabled Social and Enterprise Connection buttons.

Example with Auth0 React SDK

  return (
    <Auth0Provider
      domain={domain}
      clientId={clientId}
      authorizationParams={{
        audience: audience,
        redirect_uri: redirectUri,
        scope: "remove:authenticators",
      }}
      onRedirectCallback={onRedirectCallback}
    >
      {children}
    </Auth0Provider>
  );

1 Like