Facebook integration in Ionic fail with "embedded browser"

Question

Hi,

I have an app in Ionic and azure b2c configured. Yesterday we notice that when we press on "Facebook" we can't login and there is a message in screen:

This is the flow:

• we open login page in a webview (https://idsapem.b2clogin.com/idsapem.onmicrosoft.com/oauth2/v2.0/authorize?p=B2C_1A_signup_signin&response_mode=query&client_id=be140ec0-c952-4ba7-907c-884ce5803c9a&nonce=smartParkingAppUser&redirect_uri=https://idsapem.b2clogin.com/tfp/oauth2/nativeclient&scope=openid%20offline_access&response_type=code+id_token&prompt=login)
• we press on Facebook, do login on facebook
• azure redirect to callback_url
• we detect that the webview is in callback_url, take de id_token and code from url and close the webview

This is de current flow (with facebook error):

• we open login page in webview
• we press on Facebook
• Facebook show us login inputs and one second later it shows the error (attached image)

What can we do? Can we change a configuration to resolve the problem? Can we change the integration flow to make it work?

Thanks

Answer 1

Is this on Android? Facebook deprecated login on Android embedded browsers, so that might be related to your problem. Here is a post from Facebook about this: https://developers.facebook.com/blog/post/2021/06/28/deprecating-support-fb-login-authentication-android-embedded-browsers/

Some things to try:

Use a different browser:
Try installing another browser such as Chrome, Brave, or Firefox. Then log in again with your Facebook credentials.

Add a new test user and see if you have the same problem.

I would recommend reaching out to Facebook support for this one as I don't think this is caused by Azure AD B2C. https://developers.facebook.com/community/

Answer 2

Thanks. I will try changing the webview to a browser tab.