Devtools: make DOM traversal utilities climb shadow tree.

Source/devtools/front_end/ui/View.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * Copyright (C) 2011 Google Inc. All Rights Reserved.
  *
  * 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
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
@@ skipping 195 matching lines @@
     {
         WebInspector.View.__assert(parentElement, "Attempt to attach view with no parent element");
 
         // Update view hierarchy
         if (this.element.parentElement !== parentElement) {
             if (this.element.parentElement)
                 this.detach();
 
             var currentParent = parentElement;
             while (currentParent && !currentParent.__view)
-                currentParent = currentParent.parentElement;
+                currentParent = currentParent.parentElementOrShadowHost();
 
             if (currentParent) {
                 this._parentView = currentParent.__view;
                 this._parentView._children.push(this);
                 this._isRoot = false;
             } else
                 WebInspector.View.__assert(this._isRoot, "Attempt to attach view to orphan node");
         } else if (this._visible) {
             return;
         }
@@ skipping 261 matching lines @@
 WebInspector.View._originalRemoveChildren = Element.prototype.removeChildren;
 
 WebInspector.View._incrementViewCounter = function(parentElement, childElement)
 {
     var count = (childElement.__viewCounter || 0) + (childElement.__view ? 1 : 0);
     if (!count)
         return;
 
     while (parentElement) {
         parentElement.__viewCounter = (parentElement.__viewCounter || 0) + count;
-        parentElement = parentElement.parentElement;
+        parentElement = parentElement.parentElementOrShadowHost();
     }
 }
 
 WebInspector.View._decrementViewCounter = function(parentElement, childElement)
 {
     var count = (childElement.__viewCounter || 0) + (childElement.__view ? 1 : 0);
     if (!count)
         return;
 
     while (parentElement) {
         parentElement.__viewCounter -= count;
-        parentElement = parentElement.parentElement;
+        parentElement = parentElement.parentElementOrShadowHost();
     }
 }
 
 WebInspector.View.__assert = function(condition, message)
 {
     if (!condition) {
         console.trace();
         throw new Error(message);
     }
 }
@@ skipping 122 matching lines @@
 {
     WebInspector.View.__assert(!child.__viewCounter && !child.__view, "Attempt to remove element containing view via regular DOM operation");
     return WebInspector.View._originalRemoveChild.call(this, child);
 }
 
 Element.prototype.removeChildren = function()
 {
     WebInspector.View.__assert(!this.__viewCounter, "Attempt to remove element containing view via regular DOM operation");
     WebInspector.View._originalRemoveChildren.call(this);
 }