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 the error console:

FB:login_button failed to re-size in 45s

Can someone show me a way to solve this bug?

score 6 · Answer 1 · edited May 23 '17 at 12:34

6

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

edited May 23 '17 at 12:34

Community

1
1

answered May 30 '13 at 10:15

Willerton

63
6

1

This is an answer given to another person having this problem a little while back, hope it helps :) – Willerton May 30 '13 at 10:16
Thanks for the CSS styles. I have added the CSS, but still I am getting this issue in Chrome and Firefox browser. Even though the Facebook login process is working perfectly the login/logout button will go hidden after 45sec. – Iforce Pro May 30 '13 at 10:28
I found it necessary to use `vertical-align:top` on the containing div element, but that is likely due to it also being `display: inline-block`. – Benjamin Jul 02 '14 at 17:05

score 1 · Answer 2 · answered Oct 03 '13 at 21:32

1

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.

answered Oct 03 '13 at 21:32

Scott

3,736
2
26
44

I had the same issue with a class named fb-like. Would have never thought to try this, thanks! – Corey Downie Mar 28 '14 at 18:39

score 1 · Answer 3 · answered Apr 15 '14 at 22:57

1

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

answered Apr 15 '14 at 22:57

James Newton

698
9
19

score 0 · Answer 4 · edited Mar 04 '14 at 15:51

0

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:

enter image description here

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

edited Mar 04 '14 at 15:51

Adi Inbar

12,097
13
56
69

answered Jan 01 '14 at 15:45

Saad Anees

1,255
1
15
32

score 0 · Answer 5 · answered Apr 02 '15 at 11:57

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.

Facebook approved items

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

Removing the location requirement will fix this example.

fb:login_button failed to resize in 45s

5 Answers5

Linked