DevTools: Highlight DOM node on hover in flamechart.

third_party/WebKit/Source/devtools/front_end/timeline/EventsTimelineTreeView.js

 // Copyright 2017 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.
 
 /**
  * @unrestricted
  */
 Timeline.EventsTimelineTreeView = class extends Timeline.TimelineTreeView {
   /**
    * @param {!Array<!TimelineModel.TimelineModelFilter>} filters
@@ skipping 95 matching lines @@
 
   /**
    * @override
    * @param {!TimelineModel.TimelineProfileTree.Node} node
    * @return {boolean}
    */
   _showDetailsForNode(node) {
     var traceEvent = node.event;
     if (!traceEvent)
       return false;
-    Timeline.TimelineUIUtils.buildTraceEventDetails(
-        traceEvent, this.model().timelineModel(), this._linkifier, false, showDetails.bind(this));
+    Timeline.TimelineUIUtils.buildTraceEventDetails(traceEvent, this.model().timelineModel(), this._linkifier, false)
+      .then(fragment => this._detailsView.element.appendChild(fragment));
     return true;
-
-    /**
-     * @param {!DocumentFragment} fragment
-     * @this {Timeline.EventsTimelineTreeView}
-     */
-    function showDetails(fragment) {
-      this._detailsView.element.appendChild(fragment);
-    }
   }
 
   /**
    * @override
    * @param {?TimelineModel.TimelineProfileTree.Node} node
    */
   _onHover(node) {
     this._delegate.highlightEvent(node && node.event);
   }
 };
@@ skipping 69 matching lines @@
     this.dispatchEventToListeners(Timeline.EventsTimelineTreeView.Filters.Events.FilterChanged);
   }
 };
 
 Timeline.EventsTimelineTreeView.Filters._durationFilterPresetsMs = [0, 1, 15];
 
 /** @enum {symbol} */
 Timeline.EventsTimelineTreeView.Filters.Events = {
   FilterChanged: Symbol('FilterChanged')
 };