DevTools: Center vertically around a highlighted element

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

 // Copyright (c) 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.
 
 /**
  * @constructor
  * @param {!WebInspector.ElementsTreeOutline} treeOutline
  */
 WebInspector.ElementsTreeElementHighlighter = function(treeOutline)
 {
@@ skipping 57 matching lines @@
             while (deepestExpandedParent && (!deepestExpandedParent[treeElementSymbol] || !deepestExpandedParent[treeElementSymbol].expanded))
                 deepestExpandedParent = deepestExpandedParent.parentNode;
 
             this._alreadyExpandedParentElement = deepestExpandedParent ? deepestExpandedParent[treeElementSymbol] : this._treeOutline.rootElement();
             treeElement = this._treeOutline.createTreeElementFor(node);
         }
 
         this._currentHighlightedElement = treeElement;
         this._treeOutline.setHoverEffect(treeElement);
         if (treeElement)
-            treeElement.reveal();
+            treeElement.reveal(true);

[dgozman, 2016/06/24 17:41:06]

Does this work for context menu "Inspect" item?

 
         this._isModifyingTreeOutline = false;
     },
 
     _clearState: function()
     {
         if (this._isModifyingTreeOutline)
             return;
 
         delete this._currentHighlightedElement;
         delete this._alreadyExpandedParentElement;
         delete this._pendingHighlightNode;
     }
 
 }