[MD History] Focus the search bar on load.

chrome/browser/resources/md_history/app.crisper.js

 // Copyright 2016 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 PromiseResolver is a helper class that allows creating a
  * Promise that will be fulfilled (resolved or rejected) some time later.
  *
  * Example:
  *  var resolver = new PromiseResolver();
@@ skipping 14416 matching lines @@
       lastVisitTime, maxResults
     ]);
   },
 
   /** @return {number} */
   getSelectedItemCount: function() {
     return this.getSelectedList_().selectedPaths.size;
   },
 
   unselectAllItems: function(count) {
-    this.getSelectedList_().unselectAllItems(count);
+    if (this.getSelectedList_())
+      this.getSelectedList_().unselectAllItems(count);
   },
 
   /**
    * Delete all the currently selected history items. Will prompt the user with
    * a dialog to confirm that the deletion should be performed.
    */
   deleteSelectedWithPrompt: function() {
     if (!loadTimeData.getBoolean('allowDeletingHistory'))
       return;
     this.$.dialog.get().then(function(dialog) {
@@ skipping 671 matching lines @@
     document.addEventListener('canExecute', this.onCanExecute_.bind(this));
     document.addEventListener('command', this.onCommand_.bind(this));
 
     // Redirect legacy search URLs to URLs compatible with material history.
     if (window.location.hash) {
       window.location.href = window.location.href.split('#')[0] + '?' +
           window.location.hash.substr(1);
     }
   },
 
+  onFirstRender: function() {
+    // requestAnimationFrame allows measurement immediately before the next
+    // repaint, but after the first page of <iron-list> items has stamped.
+    requestAnimationFrame(function() {
+      chrome.send(
+          'metricsHandler:recordTime',
+          ['History.ResultsRenderedTime', window.performance.now()]);
+    });
+
+    // Focus the search field on load. Done here to ensure the history page
+    // is rendered before we try to take focus.
+    if (!this.hasDrawer_) {
+      this.focusToolbarSearchField();
+    }
+  },
+
   /** @private */
   onMenuTap_: function() {
     var drawer = this.$$('#drawer');
     if (drawer)
       drawer.toggle();
   },
 
   /**
    * Listens for history-item being selected or deselected (through checkbox)
    * and changes the view of the top toolbar.
@@ skipping 30 matching lines @@
   historyResult: function(info, results) {
     this.set('queryState_.querying', false);
     this.set('queryResult_.info', info);
     this.set('queryResult_.results', results);
     var listContainer =
         /** @type {HistoryListContainerElement} */ (this.$['history']);
     listContainer.historyResult(info, results);
   },
 
   /**
+   * Focuses the search bar in the toolbar.
+   */
+  focusToolbarSearchField: function() {
+    this.$.toolbar.showSearchField();
+  },
+
+  /**
    * Fired when the user presses 'More from this site'.
    * @param {{detail: {domain: string}}} e
    */
   searchDomain_: function(e) { this.$.toolbar.setSearchTerm(e.detail.domain); },
 
   /**
    * @param {Event} e
    * @private
    */
   onCanExecute_: function(e) {
@@ skipping 27 matching lines @@
   searchQueryParamChanged_: function(searchQuery) {
     this.$.toolbar.setSearchTerm(searchQuery || '');
   },
 
   /**
    * @param {Event} e
    * @private
    */
   onCommand_: function(e) {
     if (e.command.id == 'find-command' || e.command.id == 'slash-command')
-      this.$.toolbar.showSearchField();
+      this.focusToolbarSearchField();
     if (e.command.id == 'delete-command')
       this.deleteSelected();
   },
 
   /**
    * @param {!Array<!ForeignSession>} sessionList Array of objects describing
    *     the sessions from other devices.
    * @param {boolean} isTabSyncEnabled Is tab sync enabled for this profile?
    */
   setForeignSessions: function(sessionList, isTabSyncEnabled) {
@@ skipping 72 matching lines @@
     return selectedPage;
   },
 
   /** @private */
   closeDrawer_: function() {
     var drawer = this.$$('#drawer');
     if (drawer)
       drawer.close();
   },
 });