Facebook login does not work on Facebook for Android application browser

Question

Facebook login does not work on Facebook for Android application browser

I have implemented Facebook login using the JavaScript JavaScript SDK. It works great everywhere except the built-in Facebook browser. There, it seems, just fails. Am I doing something obviously wrong?

Here is a simple version taken directly from Facebook docs. It works great everywhere except the Facebook browser in the app.

<!doctype html>
<html>
<head>
  <title>Facebook Login</title>
</head>
<body>
  <div id="fb-root"></div>
  <button onclick="login()">LOGIN</button>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '{my-app-id}',
        status     : true,
        xfbml      : true
      });
    };

    var login = function() {
      alert('clicked login');

      FB.login(function(response) {
        alert('it worked!');
      }, {
        scope: 'email'
      });
    };

    (function(d, s, id){
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement(s); js.id = id;
       js.src = "//connect.facebook.net/en_US/all/debug.js";
       fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));
  </script>
</body>
</html>