Social Login Button No Showing on Mobile Device

Hi @d88pak!

On mobiles and tablets in WebView we have to hide Google and Facebook login buttons, because these providers are not allowing possibly not-secure browsers to use their applications. You can read about this here if you would like to:
Google: https://auth0.com/blog/google-blocks-oauth-requests-from-embedded-browsers/
Facebook: https://developers.facebook.com/docs/facebook-login/android/deprecating-webviews
WebView means, that you are using an application to open up a page, for example if you enter Gmail to check your emails and click on a link, Gmail’s application will open up that link and not for example Chrome. Are you checking your website through a normal browser, like Chrome, Firefox or Safari?

If that is the case, then please contact us through our ticket system:
https://nextendweb.com/contact-us/nextend-social-login-support/
in which please include a link to your website.

Hi @robertnextendweb!

Thanks for the quick reply. I have checked both from desktop and mobile browsers. Icons are showing.

However, we have an App using Flutter web view. Inside the App icons are not visible.

Probably there is not solution for this I guess.

Thanks!

I have the same issue with it. Here my website link

yememi.my/login

it show on chrome but at my webview apps it doesn’t show it. Can you help me solve this problem. Thanks

Hi @yememico

I am sorry, but as Robert mentioned above, this is the expected behavior in WebView, as the OAuth endpoints of Facebook and Google have limitations in embedded browsers. So to avoid cases where your visitors would get an error whenever they tried to login with those providers in a WebView environment, we rather remove the buttons with such limitations:

• https://nextendweb.com/nextend-social-login-docs/can-use-nextend-social-login-webview/

However the good news is that, in version 3.1.12 we implemented an option called “Unsupported WebView Behavior” so if you are using the latest version, you can decide if the unsupported buttons in WebView should be removed or just disabled:

• https://nextendweb.com/nextend-social-login-docs/global-settings/#unsupported-webview-behavior

@d88pak I thought I tag you as well in this message, just in case if you are interested in this new feature.

Best regards,
Laszlo.

Hi @yememico,

I have tried to build the App using Flutter before and stumbled exactly like you on WebView.

Instead, I use SupwerPWA and complied my App using PWABuilder (by Microsoft) and released it on Google Play.

Good thing is that it uses the normal browser so no issue on Nextend Social Login and Register stuff on App.

Hope this helps.

For my WordPress website, I found it PWA is the easiest route.

• This reply was modified 8 months, 4 weeks ago by Deepak.

how about tiktok? Does tiktok also disabled webview for social login?

I’ll try it later. Thank you Mr Deepak.

Hi @yememico

TikTok works fine in webview. This limitation, as far as we know it, is for Google (all devices) and Facebook (Android).