fb:login_button failed to resize in 45s

Question

I attempted to implement an asynchronous loading Facebook log in button, but the button disappeared after 45 seconds.

This is the message I got in t

Answer 1

Matt Bower from Facebook developer's forum gave this temporary solution:

#fb_login_button { 
    width: 80px; 
}
#fb_login_button span, 
#fb_login_button iframe {.
    width: 80px !important;
    height: 25px !important;
}

Facebook Dev's are working to fix this error.

just so I'm not taking credit for someone else's answer the original answer can be found here: Facebook login (connect) button rendering in chrome fails

Answer 2

Also double check permissions that you are requesting with approved permissions. The example below doesn't work and generate the fb:loginbutton not showing error.

<fb:login-button scope="public_profile,email,location" onlogin="checkLoginState();">
</fb:login-button>

Removing the location requirement will fix this example.

Answer 3

I had this warning appear in my console:

fb:post failed to resize in 45s

And I was able to fix it by renaming a div class from "fb-post" to "fbPost". Try looking for an HTML element with an ID or class name of "fb-login" in your source.

I hope this helps.

Answer 4

Also, watch out for the avast or other anti-tracking add in blocking access to facebook.

Answer 5

I have the same problem. I was getting fb:post failed to resize in 45s.

Because I did not provide my Facebook app website URL. So go to your Facebook app settings and type your URL like this:

I used wampserver for hosting. You can put your own website URL.