Facebook login is not working In-app browser for iOS

Question

I'm using following script for login using Facebook JavaScript API.

var permissions = [
    'email',
    'user_friends'
].join(',');

FB.login(function (response) {
    // if login was successful, execute the following code
    if (response.authResponse) {
        //Perform next set of methods
    }
}, {scope: permissions});

This is working in all browsers and in Android (this script is rendering inside an iframe).

But when a user open the login page in Facebook In-app browser for iOS, then the login is not working. Popup is not showing.

After spending some time to fix this, the issue is happening only when I include the login page in an iframe.

Anyone experienced the same issue?

Answer 1

I experienced this issue. You need to use FB.getLoginStatus then if the user is not logged in, use FB.login . Just make sure to call FB.login after user click or else you will get a popup blocked.