DevTools: make EventListenersView a proper widget

third_party/WebKit/Source/devtools/front_end/event_listeners/EventListenersView.js

Index: third_party/WebKit/Source/devtools/front_end/event_listeners/EventListenersView.js
diff --git a/third_party/WebKit/Source/devtools/front_end/event_listeners/EventListenersView.js b/third_party/WebKit/Source/devtools/front_end/event_listeners/EventListenersView.js
index 109bf64709b307db75e49eed610072792b26f694..ea728a71079229aef4c53793e09522367d1150bb 100644
--- a/third_party/WebKit/Source/devtools/front_end/event_listeners/EventListenersView.js
+++ b/third_party/WebKit/Source/devtools/front_end/event_listeners/EventListenersView.js
@@ -9,13 +9,12 @@ EventListeners.EventListenersResult;
 /**
  * @unrestricted
  */
-EventListeners.EventListenersView = class {
+EventListeners.EventListenersView = class extends UI.VBox {
   /**
-   * @param {!Element} element
    * @param {function()} changeCallback
    */
-  constructor(element, changeCallback) {
-    this._element = element;
+  constructor(changeCallback) {
+    super(true);

[pfeldman, 2017/06/07 21:42:39]

The shadow dom you create does not have styles, so don't create it.

[luoe, 2017/06/07 22:24:33]

Done.

     this._changeCallback = changeCallback;
     this._treeOutline = new UI.TreeOutlineInShadow();
     this._treeOutline.hideOverflow();
@@ -23,7 +22,7 @@ EventListeners.EventListenersView = class {
     this._treeOutline.registerRequiredCSS('event_listeners/eventListenersView.css');
     this._treeOutline.setComparator(EventListeners.EventListenersTreeElement.comparator);
     this._treeOutline.element.classList.add('monospace');
-    this._element.appendChild(this._treeOutline.element);
+    this.contentElement.appendChild(this._treeOutline.element);
     this._emptyHolder = createElementWithClass('div', 'gray-info-message');
     this._emptyHolder.textContent = Common.UIString('No event listeners');
     this._linkifier = new Components.Linkifier();
@@ -191,7 +190,7 @@ EventListeners.EventListenersView = class {
       allHidden = allHidden && eventType.hidden;
     }
     if (allHidden && !this._emptyHolder.parentNode)
-      this._element.appendChild(this._emptyHolder);
+      this.contentElement.appendChild(this._emptyHolder);
   }
 
   reset() {