DevTools: Inspect element mode does not select element in ShadowDOM

LayoutTests/http/tests/inspector/elements-test.js

 var initialize_ElementTest = function() {
 
 InspectorTest.findNode = function(matchFunction, callback)
 {
     callback = InspectorTest.safeWrap(callback);
     var result = null;
-    var topLevelChildrenRequested = false;
     var pendingRequests = 0;
-    function processChildren(topLevel, children)
+    function processChildren(node)
     {
-        pendingRequests--;
-        if (result)
-            return;
+        try {
+            if (result)
+                return;
 
-        for (var i = 0; children && i < children.length; ++i) {
-            var childNode = children[i];
-            if (matchFunction(childNode)) {
-                result = childNode;
-                callback(result);
-                return;
+            var children = (node.children() || []).concat(node.shadowRoots());
+            if (node.templateContent())
+                children.push(node.templateContent());
+
+            for (var i = 0; i < children.length; ++i) {
+                var childNode = children[i];
+                if (matchFunction(childNode)) {
+                    result = childNode;
+                    callback(result);
+                    return;
+                }
+                pendingRequests++;
+                childNode.getChildNodes(processChildren.bind(null, childNode));
             }
-            pendingRequests++;
-            childNode.getChildNodes(processChildren.bind(null, false));
+        } finally {
+            pendingRequests--;
         }
 
-        if (topLevel)
-            topLevelChildrenRequested = true;
-        if (topLevelChildrenRequested && !result && !pendingRequests)
+        if (!result && !pendingRequests)
             callback(null);
     }
-    pendingRequests++;
 
     WebInspector.domAgent.requestDocument(documentRequested.bind(this));
     function documentRequested(doc)
     {
-        doc.getChildNodes(processChildren.bind(this, true));
+        pendingRequests++;
+        doc.getChildNodes(processChildren.bind(null, doc));
     }
 };
 
 InspectorTest.nodeWithId = function(idValue, callback)
 {
     function nodeIdMatches(node)
     {
         return node.getAttribute("id") === idValue;
     }
     InspectorTest.findNode(nodeIdMatches, callback);
@@ skipping 563 matching lines @@
 {
     var rectNames = ["margin", "border", "padding", "content"];
     var rects = window.internals.inspectorHighlightRects(document);
     for (var i = 0; i < rects.length; i++)
     {
         var rectName = (i < rectNames.length ? rectNames[i] : "untitled");
         var rect = rects.item(i);
         output(rectName + " rect is " + rect.width + " x " + rect.height + " at (" + rect.left + ", " + rect.top + ")");
     }
 }