DevTools: NetworkPanel: update hovered row labels when graph is updated.

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 2699 matching lines @@
 
         this._barRightElement = this._barAreaElement.createChild("div", "network-graph-bar");
         this._barRightElement.classList.add(type);
         this._barRightElement.classList.toggle("cached", cached);
 
         this._labelLeftElement = this._barAreaElement.createChild("div", "network-graph-label");
         this._labelLeftElement.classList.add("waiting");
 
         this._labelRightElement = this._barAreaElement.createChild("div", "network-graph-label");
 
-        cell.addEventListener("mouseover", this._refreshLabelPositions.bind(this), false);
+        cell.addEventListener("mouseover", this._onMouseOver.bind(this), false);
     },
 
     /**
+     * @param {!Event} event
+     */
+    _onMouseOver: function(event)
+    {
+        this._refreshLabelPositions();
+        this._parentView.__hoveredRow = this;

[vsevik, 2014/10/14 06:48:08]

Let's use Symbol

[eustas, 2014/10/14 08:17:47]

Done.

+    },
+
+    /**
      * @return {boolean}
      */
     _isFailed: function()
     {
         return (this._request.failed && !this._request.statusCode) || (this._request.statusCode >= 400);
     },
 
     /**
      * @param {!Element} cell
      */
@@ skipping 166 matching lines @@
 
         var labels = calculator.computeBarGraphLabels(this._request);
         this._labelLeftElement.textContent = labels.left;
         this._labelRightElement.textContent = labels.right;
 
         var tooltip = (labels.tooltip || "");
         this._barLeftElement.title = tooltip;
         this._labelLeftElement.title = tooltip;
         this._labelRightElement.title = tooltip;
         this._barRightElement.title = tooltip;
+
+        if (this._parentView.__hoveredRow === this) {
+            this._refreshLabelPositions();
+        }
     },
 
     _refreshLabelPositions: function()
     {
         if (!this._percentages)
             return;
         this._labelLeftElement.style.removeProperty("left");
         this._labelLeftElement.style.removeProperty("right");
         this._labelLeftElement.classList.remove("before");
         this._labelLeftElement.classList.remove("hidden");
@@ skipping 211 matching lines @@
 
 WebInspector.NetworkPanelFactory.prototype = {
     /**
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.NetworkPanel._instance();
     }
 }