Merge 95551 - [ChromeOS] Assorted WebUI login fixes.

chrome/browser/resources/chromeos/login/bubble.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview Bubble implementation.
  */
 
 // TODO(xiyuan): Move this into shared.
 cr.define('cr.ui', function() {
   /**
    * Creates a bubble div.
    * @constructor
    * @extends {HTMLDivElement}
    */
   var Bubble = cr.ui.define('div');
 
   Bubble.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     // Anchor element
     anchor_: undefined,
 
     /** @inheritDoc */
     decorate: function() {
       this.ownerDocument.addEventListener('click',
-                                          this.handleClick_.bind(this));
+                                          this.handleDocClick_.bind(this));
+      this.ownerDocument.addEventListener('keydown',
+                                          this.handleDocKeyDown_.bind(this));
       this.addEventListener('webkitTransitionEnd',
                             this.handleTransitionEnd_.bind(this));
     },
 
     /**
      * Shows the bubble for given anchor element.
      * @param {!HTMLElement} el Anchor element of the bubble.
      * @param {HTMLElement} content Content to show in bubble.
      * @public
      */
@@ skipping 39 matching lines @@
     /**
      * Handler for faded transition end.
      * @private
      */
     handleTransitionEnd_: function(e) {
       if (this.classList.contains('faded'))
         this.hidden = true;
     },
 
     /**
-     * Handler of click event.
+     * Handler of document click event.
      * @private
      */
-    handleClick_: function(e) {
+    handleDocClick_: function(e) {
       // Ignore clicks on anchor element.
       if (e.target == this.anchor_)
         return;
 
       if (!this.hidden)
         this.hide();
+    },
+
+    /**
+     * Handle of document keydown event.
+     * @private
+     */
+    handleDocKeyDown_: function(e) {
+      if (!this.hidden)
+        this.hide();
     }
   };
 
   return {
     Bubble: Bubble
   };
 });