Focus the first input when adding a new Autofill cc or address

chrome/browser/resources/options/autofill_edit_creditcard_overlay.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.
 
 cr.define('options', function() {
   /** @const */ var Page = cr.ui.pageManager.Page;
   /** @const */ var PageManager = cr.ui.pageManager.PageManager;
 
   /**
    * AutofillEditCreditCardOverlay class
@@ skipping 161 matching lines @@
       var date = new Date();
       var year = parseInt(date.getFullYear());
       for (var i = 0; i < 10; ++i) {
         var text = year + i;
         if (expYear == String(text))
           $('expiration-year').selectedIndex = i;
       }
     },
 
     /**
+     * Called to prepare the overlay when a new card is being added.
+     * @private
+     */
+    prepForNewCard_: function() {
+      // Focus the first element.
+      this.pageDiv.querySelector('input').focus();
+    },
+
+    /**
      * Loads the credit card data from |creditCard|, sets the input fields based
      * on this data and stores the GUID of the credit card.
      * @private
      */
     loadCreditCard_: function(creditCard) {
       this.setInputFields_(creditCard);
       this.inputFieldChanged_();
       this.guid_ = creditCard.guid;
     },
   };
 
+  AutofillEditCreditCardOverlay.prepForNewCard = function() {
+    AutofillEditCreditCardOverlay.getInstance().prepForNewCard_();
+  };
+
   AutofillEditCreditCardOverlay.loadCreditCard = function(creditCard) {
     AutofillEditCreditCardOverlay.getInstance().loadCreditCard_(creditCard);
   };
 
   AutofillEditCreditCardOverlay.setTitle = function(title) {
     $('autofill-credit-card-title').textContent = title;
   };
 
   // Export
   return {
     AutofillEditCreditCardOverlay: AutofillEditCreditCardOverlay
   };
 });