DevTools: Fix highlight/selection of marker events

third_party/WebKit/Source/devtools/front_end/ui_lazy/FlameChart.js

 /**
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 245 matching lines @@
      * @return {number}
      */
     textBaseline: function() { },
 
     /**
      * @return {number}
      */
     textPadding: function() { },
 
     /**
-     * @return {?{startTime: number, endTime: number}}
-     */
-    highlightTimeRange: function(entryIndex) { },
-
-    /**
      * @return {number}
      */
     paddingLeft: function() { },
 }
 
 /**
  * @interface
  */
 WebInspector.FlameChartMarker = function()
 {
@@ skipping 1193 matching lines @@
         this._revealEntry(entryIndex);
         this._updateElementPosition(this._selectedElement, this._selectedEntryIndex);
     },
 
     /**
      * @param {!Element} element
      * @param {number} entryIndex
      */
     _updateElementPosition: function(element, entryIndex)
     {
-        /** @const */ var elementMinWidth = 2;
+        const elementMinWidthPx = 2;
         if (element.parentElement)
             element.remove();
         if (entryIndex === -1)
             return;
-        var timeRange = this._dataProvider.highlightTimeRange(entryIndex);
-        if (!timeRange)
-            return;
         var timelineData = this._timelineData();
-        var barX = this._timeToPositionClipped(timeRange.startTime);
-        var barRight = this._timeToPositionClipped(timeRange.endTime);
+        var startTime = timelineData.entryStartTimes[entryIndex];
+        var endTime = startTime + (timelineData.entryTotalTimes[entryIndex] || 0);
+        var barX = this._timeToPositionClipped(startTime);
+        var barRight = this._timeToPositionClipped(endTime);
         if (barRight === 0 || barX === this._offsetWidth)
             return;
         var barWidth = barRight - barX;
         var barCenter = barX + barWidth / 2;
-        barWidth = Math.max(barWidth, elementMinWidth);
+        barWidth = Math.max(barWidth, elementMinWidthPx);
         barX = barCenter - barWidth / 2;
         var barY = this._levelToHeight(timelineData.entryLevels[entryIndex]) - this.scrollOffset();
         var style = element.style;
         style.left = barX + "px";
         style.top = barY + "px";
         style.width = barWidth + "px";
         style.height = this._barHeight - 1 + "px";
         this.viewportElement.appendChild(element);
     },
 
@@ skipping 152 matching lines @@
         this.update();
     },
 
     _enabled: function()
     {
         return this._rawTimelineDataLength !== 0;
     },
 
     __proto__: WebInspector.ChartViewport.prototype
 }