DevTools: Inspect element mode does not select element in ShadowDOM

Source/devtools/front_end/ElementsPanel.js

Index: Source/devtools/front_end/ElementsPanel.js
diff --git a/Source/devtools/front_end/ElementsPanel.js b/Source/devtools/front_end/ElementsPanel.js
index b29c92d834a10130ee51be8416429790148706fb..2900a8bcdf2c7f2d01997d5ab9c9f59b0315bc9d 100755
--- a/Source/devtools/front_end/ElementsPanel.js
+++ b/Source/devtools/front_end/ElementsPanel.js
@@ -107,6 +107,7 @@ WebInspector.ElementsPanel = function()
     WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.NodeRemoved, this._nodeRemoved, this);
     WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.DocumentUpdated, this._documentUpdatedEvent, this);
     WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.InspectElementRequested, this._inspectElementRequested, this);
+    WebInspector.settings.showShadowDOM.addChangeListener(this._showShadowDOMChanged.bind(this));
 
     if (WebInspector.domAgent.existingDocument())
         this._documentUpdated(WebInspector.domAgent.existingDocument());
@@ -1065,6 +1066,9 @@ WebInspector.ElementsPanel.prototype = {
         if (!node)
             return;
 
+        while (!WebInspector.settings.showShadowDOM.get() && node && node.isInShadowTree())
+            node = node.parentNode;
+
         WebInspector.domAgent.highlightDOMNodeForTwoSeconds(nodeId);
         this.selectDOMNode(node, true);
     },
@@ -1108,6 +1112,11 @@ WebInspector.ElementsPanel.prototype = {
         this._splitVertically(vertically);
     },
 
+    _showShadowDOMChanged: function()
+    {
+        this.treeOutline.update();
+    },
+
     /**
      * @param {boolean} vertically
      */