Facebook Connect button not showing up in Safari/Chrome

Question

My implementation of Facebook Connect (just a simple login button, fb:login-button) works perfectly on Firefox and IE.

But the same button is not showing up in Safari/Chrome (Webkit).

Here's what's ironic. In my debugging effort, I saved the page (that contains fb:login-button) up as a static page and then load it in Safari. And the button shows up, everything works!

The exact same page (with the exact same HTML source) rendered by my PHP has no way for bringing up the button.

I'm trying hard to support Webkit here but I'm close to giving up. Can anybody help?

Answer 1

I'm having exactly the same problem. Anyone?

Answer 2

This can be due to having ClickToFlash installed. Either disable it, or check "Automatically load invisible Flash views" in the ClickToFlash settings.

Answer 3

This happened when I had the wrong domain in callback_url in config/facebooker.yml. Apparently it uses that to load the js files.