search

keppelen / react-facebook-login

A Component React for Facebook Login
1.18k stars 406 forks source link

Login Button not responding in mobile Facebook browser on iPhone. #310

Open ronytesler opened 4 years ago

ronytesler commented 4 years ago 
        <FacebookLogin
            disableMobileRedirect={true}
            appId={appId}
            autoLoad={true}
            fields="name,picture"
            onClick={this.componentClicked}
            callback={this.responseFacebook}
            render={(renderProps) => (
                <button type="button" onClick={renderProps.onClick}>Connect</button>
            )}
        />

Clicking on the button in the Facebook's app browser does nothing. Works fine on other browsers.

nelsonfleig commented 4 years ago

Same issue with the Instragram in-app browser. I have the same settings as you. Others have suggested removing disableMobileRedirect={true}, but then the login fails on safari and chrome on mobile devices.

gevkhanyan commented 4 years ago

I have this problem too, but disableMobileRedirect={true} was fixed my issue.

ronytesler commented 4 years ago

https://github.com/keppelen/react-facebook-login/issues/303

vahepoghosyan commented 4 years ago

Same problem on iOS Safari.

Tokenyet commented 3 years ago

Few notices for this issue:

  1. react-facebook-login use popup on desktop by default, so It's easy to compatible with desktop browser.
  2. react-facebook-login use redirect on mobile by default, If we didn't handle the query code properly, we might need to use disableMobileRedirect, but some browser disallow popup by default.

FMI, different iOS version have different behaviour, disableMobileRedirect works on iOS11.1 but not latest version...

crscaballero commented 2 years ago

I'm having this problem as well

Few notices for this issue:

  1. react-facebook-login use popup on desktop by default, so It's easy to compatible with desktop browser.
  2. react-facebook-login use redirect on mobile by default, If we didn't handle the query code properly, we might need to use disableMobileRedirect, but some browser disallow popup by default.

FMI, different iOS version have different behaviour, disableMobileRedirect works on iOS11.1 but not latest version...

and got this conclusion too

has anyone been able to find a solution for this?