when the global polymer option 'dom': is set to 'shadow', the FB.customCheckLoginState is not called after login.

Juste add the following lines:

<script> window.Polymer = { dom: 'shadow' }; </script>

in the head section of the demo file to reproduce.

Best regards,

Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.

I create a function signin-success, but not call this function, what work?

The component works correctly outside of a Polymer app, but once imported, only shows up in Chrome (not Safari or Firefox). In Safari and Firefox it's being rendered as 0px by 0px.

Hi, @davidwittenbrink Great web component 👍
I would like a function so I can get the cover picture from the user as discusted here. http://stackoverflow.com/questions/12434261/get-cover-photo-using-facebook-api

and also would sugest to add some options for the login button like the size
I added this line to the code and you can set the size there, a property for that would be great!
fbButton.setAttribute("data-size","large");

This looks promising. Is it designed to log you out of facebook altogether when you log out, or just log you out of your app? It seems to log me out of FB everywhere at the moment.

document.findElementsByTagName didn't work with nested web components. Had to change the 'force rendering' part by selecting fb-login-container like this:

container = this.$['fb-login-container'];
window.fbAsyncInit = function() {
    ...
    if(FB_APP_XFBML)
        FB.XFBML.parse(container);

even the Demo don't show the login button