Devtools: DOM inspection follows inspect cursor

third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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 596 matching lines @@
         if (!node)
             return;
         var treeElement = this.createTreeElementFor(node);
         if (!treeElement)
             return;
 
         treeElement.revealAndSelect(omitFocus);
     },
 
     /**
+     * @param {?WebInspector.DOMNode} node
+     */
+    highlightNode: function(node)
+    {
+        var treeElement = null;
+        if (node) {
+            treeElement = this.createTreeElementFor(node);
+            treeElement.reveal();
+        }
+        this._setHoverEffect(treeElement);
+    },
+
+    /**
      * @return {?TreeElement}
      */
     _treeElementFromEvent: function(event)
     {
         var scrollContainer = this.element.parentElement;
 
         // We choose this X coordinate based on the knowledge that our list
         // items extend at least to the right edge of the outer <ol> container.
         // In the no-word-wrap mode the outer <ol> may be wider than the tree container
         // (and partially hidden), in which case we are left to use only its right boundary.
@@ skipping 89 matching lines @@
     _onmousedown: function(event)
     {
         var element = this._treeElementFromEvent(event);
 
         if (!element || element.isEventWithinDisclosureTriangle(event))
             return;
 
         element.select();
     },
 
-    _onmousemove: function(event)
+    /**
+     * @param {?TreeElement} treeElement
+     */
+    _setHoverEffect: function (treeElement)
     {
-        var element = this._treeElementFromEvent(event);
-        if (element && this._previousHoveredElement === element)
+        if (this._previousHoveredElement === treeElement)
             return;
 
         if (this._previousHoveredElement) {
             this._previousHoveredElement.hovered = false;
             delete this._previousHoveredElement;
         }
 
-        if (element) {
-            element.hovered = true;
-            this._previousHoveredElement = element;
+        if (treeElement) {
+            treeElement.hovered = true;
+            this._previousHoveredElement = treeElement;
         }
+    },
+
+    _onmousemove: function(event)
+    {
+        var element = this._treeElementFromEvent(event);
+        if (element && this._previousHoveredElement === element)
+            return;
+
+        this._setHoverEffect(element);
 
         if (element instanceof WebInspector.ElementsTreeElement) {
             this._domModel.highlightDOMNodeWithConfig(element.node().id, { mode: "all", showInfo: !WebInspector.KeyboardShortcut.eventHasCtrlOrMeta(event) });
             return;
         }
 
         if (element instanceof WebInspector.ElementsTreeOutline.ShortcutTreeElement)
             this._domModel.highlightDOMNodeWithConfig(undefined, { mode: "all", showInfo: !WebInspector.KeyboardShortcut.eventHasCtrlOrMeta(event) }, element.backendNodeId());
     },
 
     _onmouseleave: function(event)
     {
-        if (this._previousHoveredElement) {
-            this._previousHoveredElement.hovered = false;
-            delete this._previousHoveredElement;
-        }
-
+        this._setHoverEffect(null);
         WebInspector.DOMModel.hideDOMNodeHighlight();
     },
 
     _ondragstart: function(event)
     {
         if (!event.target.isComponentSelectionCollapsed())
             return false;
         if (event.target.nodeName === "A")
             return false;
 
@@ skipping 1066 matching lines @@
             if (node) {
                 this.treeOutline._selectedDOMNode = node;
                 this.treeOutline._selectedNodeChanged();
             }
         }
         return true;
     },
 
     __proto__: TreeElement.prototype
 }