Login Button not responding in mobile Facebook browser on iPhone.

[ronytesler]

		<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]

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]

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

[ronytesler]

#303

[vahepoghosyan]

Same problem on iOS Safari.

[Tokenyet]

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]

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?