facebook auth no longer working - Can't load URL

[jolleychris]

Having changed nothing, I get the following message when the facebook popup appears:

Can't load URL: The domain of this URL isn't included in the app's domains. To be able to load this URL, add all domains and sub-domains of your app to the App Domains field in your app settings.

I've checked the app settings, and the domains in the list are correct, and remain as they have always been set to.

[ViieeS]

@jolleychris I use this settings:

$authProvider.oauth2({
        name: 'facebook',
        authorizationEndpoint: 'https://www.facebook.com/v3.1/dialog/oauth',
        clientId: '1234567890',
        url: '/auth/facebook',
        redirectUri: window.location.origin + '/',
        requiredUrlParams: ['scope'],
        optionalUrlParams: ['auth_type'],
        scope: ['email'],
        scopeDelimiter: ',',
        authType: 'rerequest',
        oauthType: '2.0',
        popupOptions: {width: 680, height: 500}
    });

[orochies]

Hi, I used your recommendation, but now the popup looks very bad. Thank you.

[ViieeS]

@orochies try to increase width popupOptions: {width: 680, height: 500} or remove this

[orochies]

Hi, thanks for your prompt response, in the end I used the following configuration and it worked perfectly.

$authProvider.oauth2({
    name: 'facebook',
    authorizationEndpoint: 'https://www.facebook.com/v3.2/dialog/oauth',
    clientId: [CLIENT ID],
    url: '/auth/facebook',
    redirectUri: window.location.origin + '/',
    requiredUrlParams: ['display', 'scope'],
    scope: ['email'],
    scopeDelimiter: ',',
    display: 'popup',
    oauthType: '2.0'
  });