DevTools: migrate sources navigator to shadow

third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js

Index: third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js b/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
index 3c5dd18f9811b32b99bd6798888a2f9dde732b8e..04e3a77c6bbe33e8be2e7d464c7f30a24d8e4b14 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
+++ b/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
@@ -31,13 +31,13 @@
  */
 Sources.NavigatorView = class extends UI.VBox {
   constructor() {
-    super();
+    super(true);
     this.registerRequiredCSS('sources/navigatorView.css');
 
     this._scriptsTree = new UI.TreeOutlineInShadow();
     this._scriptsTree.registerRequiredCSS('sources/navigatorTree.css');
     this._scriptsTree.setComparator(Sources.NavigatorView._treeElementsCompare);
-    this.element.appendChild(this._scriptsTree.element);
+    this.contentElement.appendChild(this._scriptsTree.element);
     this.setDefaultFocusedElement(this._scriptsTree.element);
 
     /** @type {!Multimap<!Workspace.UISourceCode, !Sources.NavigatorUISourceCodeTreeNode>} */
@@ -51,7 +51,7 @@ Sources.NavigatorView = class extends UI.VBox {
     /** @type {!Map.<!SDK.ResourceTreeFrame, !Sources.NavigatorGroupTreeNode>} */
     this._frameNodes = new Map();
 
-    this.element.addEventListener('contextmenu', this.handleContextMenu.bind(this), false);
+    this.contentElement.addEventListener('contextmenu', this.handleContextMenu.bind(this), false);
 
     this._navigatorGroupByFolderSetting = Common.moduleSetting('navigatorGroupByFolder');
     this._navigatorGroupByFolderSetting.addChangeListener(this._groupingChanged.bind(this));