extensions: focus options overlay content when shown.

chrome/browser/resources/extensions/extension_list.js

 // Copyright (c) 2012 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.
 
 <include src="extension_error.js">
 
 /**
  * The type of the extension data object. The definition is based on
  * chrome/browser/ui/webui/extensions/extension_basic_info.cc
  * and
@@ skipping 549 matching lines @@
       // Get the extension from the given id.
       var extension = this.data_.extensions.filter(function(extension) {
         return extension.enabled && extension.id == extensionId;
       })[0];
 
       if (!extension)
         return;
 
       if (scroll)
         this.scrollToNode_(extensionId);
+
       // Add the options query string. Corner case: the 'options' query string
       // will clobber the 'id' query string if the options link is clicked when
       // 'id' is in the URL, or if both query strings are in the URL.
       uber.replaceState({}, '?options=' + extensionId);
 
-      extensions.ExtensionOptionsOverlay.getInstance().
-          setExtensionAndShowOverlay(extensionId,
-                                     extension.name,
-                                     extension.icon);
+      var overlay = extensions.ExtensionOptionsOverlay.getInstance();
+      overlay.setExtensionAndShowOverlay(extensionId, extension.name,
+                                         extension.icon);
+      this.optionsShown_ = true;
 
-      this.optionsShown_ = true;
-      $('overlay').addEventListener('cancelOverlay', function() {
-        this.optionsShown_ = false;
-      }.bind(this));
+      if (cr.ui.FocusOutlineManager.forDocument(document).visible)
+        overlay.setInitialFocus();
+      else
+        document.activeElement.blur();
+
+      var self = this;
+
+      $('overlay').addEventListener('animationFinished', function f() {

[not at google - send to devlin, 2015/02/03 20:52:04]

Consider commenting that the animation is started in
extension_options_overlay.js.

Though, even better, make setExtensionAndShowOverlay take a callback to run when
it's finished, then put this logic in that.

[Dan Beam, 2015/02/04 17:15:38]

Done.

+        overlay.setInitialFocus();
+        $('overlay').removeEventListener('animationFinished', f);
+      });
+
+      $('overlay').addEventListener('cancelOverlay', function f() {
+        // Restore initial focus once this page isn't rebuild crazy.
+        // http://crbug.com/450818
+        self.optionsShown_ = false;
+        $('overlay').removeEventListener('cancelOverlay', f);
+      });
     },
   };
 
   return {
     ExtensionsList: ExtensionsList
   };
 });