DevTools: reveal and highlight dom nodes when searching in elements panel.

third_party/WebKit/Source/devtools/front_end/sdk/DOMModel.js

 /*
  * Copyright (C) 2009, 2010 Google Inc. All rights reserved.
  * 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 845 matching lines @@
   highlight(mode, objectId) {
     this._domModel.overlayModel().highlightDOMNode(this.id, mode, undefined, objectId);
   }
 
   highlightForTwoSeconds() {
     this._domModel.overlayModel().highlightDOMNodeForTwoSeconds(this.id);
   }
 
   /**
    * @param {string=} objectGroup
-   * @param {function(?SDK.RemoteObject)=} callback
-   */
-  resolveToObject(objectGroup, callback) {
-    this.resolveToObjectPromise(objectGroup).then(object => callback && callback(object));
-  }
-
-  /**
-   * @param {string=} objectGroup
    * @return {!Promise<?SDK.RemoteObject>}
    */
-  async resolveToObjectPromise(objectGroup) {
+  async resolveToObject(objectGroup) {
     var object = await this._agent.resolveNode(this.id, objectGroup);
     return object && this._domModel._runtimeModel.createRemoteObject(object);
   }
 
   /**
    * @return {!Promise<?Protocol.DOM.BoxModel>}
    */
   boxModel() {
     return this._agent.getBoxModel(this.id);
   }
@@ skipping 18 matching lines @@
    */
   enclosingElementOrSelf() {
     var node = this;
     if (node && node.nodeType() === Node.TEXT_NODE && node.parentNode)
       node = node.parentNode;
 
     if (node && node.nodeType() !== Node.ELEMENT_NODE)
       node = null;
     return node;
   }
+
+  async scrollIntoView() {

[caseq, 2017/06/07 21:22:29]

scrollIntoViewAndHighlight()?

+    var node = this.enclosingElementOrSelf();

[caseq, 2017/06/07 21:22:29]

var element =

+    var object = await node.resolveToObject('');
+    if (object)
+      object.callFunction(scrollIntoView);
+    object.release();
+    node.highlightForTwoSeconds();
+
+    /**
+     * @suppressReceiverCheck
+     * @this {!Element}
+     */
+    function scrollIntoView() {
+      this.scrollIntoViewIfNeeded(true);
+    }
+  }
 };
 
 /**
  * @enum {string}
  */
 SDK.DOMNode.PseudoElementNames = {
   Before: 'before',
   After: 'after'
 };
 
@@ skipping 768 matching lines @@
 
   /**
    * @override
    * @param {!Protocol.DOM.NodeId} insertionPointId
    * @param {!Array.<!Protocol.DOM.BackendNode>} distributedNodes
    */
   distributedNodesUpdated(insertionPointId, distributedNodes) {
     this._domModel._distributedNodesUpdated(insertionPointId, distributedNodes);
   }
 };