title: fb login popup block
body: <p>I am making using fb login feature but problem comming to me is that whenever I click on the fb login button before page media loading is completed, it blocks the popup for fb login but if I click on fblogin after a second passed to loading event it works </p>
  
  <p>Here is the function I am using:</p>
  
  <pre><code>function fb_login() {
  var email='';
  console.log(loginClassbackQueue);
  // console.log('user wants to login with fb');
  FB.getLoginStatus(function(response) {
      if(response.status!='connected'){
          FB.login(function(response) {
              // console.log(response);
              if (response.authResponse) {
                  // console.log('user logged in successfully');
                  // console.log(response);
                  email = update_f_data_login(response);
                  $('#fb_login_popup, #popup_overlay').hide();
                  // loginme(email);
                  } 
              else {
                      loginClassbackQueue = [];
                  // console.log('user failed to login');
                  }
                  // console.log('fb login completed successfully');
              }, {scope:"email,user_birthday,user_likes,user_location,friends_likes,publish_actions"}
          );
          }
      else{
      // console.log('logged in and connected');
      email = update_f_data_login(response);
      $('#fb_login_popup, #popup_overlay').hide();
      }
  
  });
  
  }
  </code></pre>
  
  <p>The same action when I do on this site <a href="http://fab.com/">http://fab.com/</a> it open popups always never block a popup.</p>