MD History: Drop-down menu allows searching for history-items by domain name.

chrome/browser/resources/md_history/history_card_manager.js

 // Copyright 2015 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.
 
 Polymer({
   is: 'history-card-manager',
 
   properties: {
     // An array of objects sorted in reverse chronological order.
     // Each object has a date and the history items belonging to that date.
     historyDataByDay_: {
       type: Array,
       value: function() { return []; }
     },
 
     // The time of access of the last element of historyDataByDay_.
     lastVisitedTime: {
       type: Number,
       value: 0
     },
 
     menuOpen: {
       type: Boolean,
       value: false,
       reflectToAttribute: true
     },
 
     menuIdentifier: {
-      type: Number,
-      value: 0
+      type: Array,
+      value: []

[calamity, 2016/02/03 05:09:13]

Shouldn't this be an object? Also, use value: function() { return {}; }.

[hsampson, 2016/02/08 00:39:37]

Done.

     },
 
     searchTerm: {
       type: String,
       value: ''
     },
 
     // Message shown when no results available. Depends on searchTerm.
     noResultsMessage: {
       type: String,
@@ skipping 16 matching lines @@
   },
 
   /**
    * Closes the overflow menu.
    */
   closeMenu: function() {
     this.menuOpen = false;
   },
 
   /**
+   * Search history based on the domain name associated with the pop-up menu.
+   * @private
+   */
+  onMoreFromSiteTap_: function() {
+    var domain = this.menuIdentifier.domain;
+    this.fire('more-from-site', {search: domain});
+    this.fire('refresh-results', {search: domain});

[calamity, 2016/02/03 05:09:13]

I think it's better just to put the query call into the more-from-site handler
instead of firing this second event.

[hsampson, 2016/02/08 00:39:37]

Done.

+    this.closeMenu();
+  },
+
+  /**
    * Clear the page completely so the page can display new results (search).
    */
   resetHistoryResults: function() {
     this.loading = true;
     this.splice('historyDataByDay_', 0, this.historyDataByDay_.length);
   },
 
   /**
    * Opens the overflow menu unless the menu is already open and the same button
    * is pressed.
    * @param {Event} e The event with details of the menu item that was clicked.
    * @private
    */
   toggleMenu_: function(e) {
     var menu = this.$['overflow-menu'];
 
     // Menu closes if the same button is clicked.
-    if (this.menuOpen && this.menuIdentifier == e.detail.accessTime) {
+    if (this.menuOpen &&
+        this.menuIdentifier == e.detail.itemIdentifier) {

[calamity, 2016/02/03 05:09:13]

Hmmmmmmmm. I believe this equality is never true since menuIdentifier is always
created with a new item. You would need to implement your own
menuIdentifiersEqual() function to compare 2 menu identifiers.

I checked and if you click on the thin sliver of menu that is not obscured by
the menu, it doesn't close.

[hsampson, 2016/02/08 00:39:37]

Done.

       this.closeMenu();
     } else {
       this.menuOpen = true;
-      this.menuIdentifier = e.detail.accessTime;
+      this.menuIdentifier = e.detail.itemIdentifier;
 
       cr.ui.positionPopupAtPoint(e.detail.x + this.X_OFFSET_, e.detail.y, menu,
           cr.ui.AnchorType.BEFORE);
 
       menu.focus();
     }
   },
 
   /**
    * Reformat the search results so they all have the same dateRelativeDay (will
@@ skipping 127 matching lines @@
   /**
    * Sets the message displayed when there are no results. Displayed if there is
    * no history at all or if the search returned no results.
    * @private
    */
   noResultsMessage_: function() {
     var messageId = this.searchTerm == '' ? 'noResults' : 'noSearchResults';
     this.noResultsMessage = loadTimeData.getString(messageId);
   }
 });