Topic-icon huge iframe on chrome covers part of the screen, not allowing clicks

Active Subscriptions:

None
Hi there,

The login button on chrome creates an iframe with height and width 1000 px. This iframe, even though it is not visible, makes all links (from other modules) not to be able to be clicked. This happens only on chrome.

Looking via element inspector I see that the code generated is the following:
div class="jfbcLogin" ...  .... fb:login-button size="medium" show-faces="false" scope="email" onlogin="javascript:jfbc.login.on_login();" login_text="Login With Facebook" class=" fb_iframe_widget" fb-xfbml-state="rendered" style="
    max-height: 100px;
"

For now we have disabled the facebook login button alltogether. (A bad solution though, since people need it to login).

Is there a solution?

Thanks
The topic has been locked.
Active Subscriptions:

None
I had the same problem
The topic has been locked.
Support Specialist
Facebook recently made a change to their Javascript code which is causing all kinds of minor issues to some of their social widgets, including the Login button. There are multiple reports of various problems in their bug reporting area.

The best solution for now is to change the "Login Button Type" setting in the SCLogin module to "Image" and then provide an image in the parameter below that. You can use any image, and even just take a screenshot of the current login button on your site and use that. That will bypass Facebook's (hopefully temporarily) buggy Javascript login button.

Hope that helps get you around the problem for now. If there's anything we find out we can do to fix the button in JFBConnect, we will do it.

Thanks,
Alex
The topic has been locked.
Support Specialist
This is the actual bug report, by the way. The description is a little different, but the problem is the same and should be fixed when this is resolved:
developers.facebook.com/bugs/592452207446912
The topic has been locked.