[DevTools] Fix Dialog's close button to properly close dialog.

third_party/WebKit/Source/devtools/front_end/ui/GlassPane.js

 // Copyright 2017 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-UI.GlassPane = class extends UI.Widget {
+UI.GlassPane = class {
   constructor() {
-    super(true);
-    this.markAsRoot();
+    this._widget = new UI.Widget(true);
+    this._widget.markAsRoot();
+    this.element = this._widget.element;
+    this.contentElement = this._widget.contentElement;
+
     this.registerRequiredCSS('ui/glassPane.css');
     this.element.classList.add('no-pointer-events');
     this._onMouseDownBound = this._onMouseDown.bind(this);
     /** @type {?function(!Event)} */
     this._onClickOutsideCallback = null;
     /** @type {?UI.Size} */
     this._maxSize = null;
     /** @type {?number} */
     this._positionX = null;
     /** @type {?number} */
     this._positionY = null;
     /** @type {?AnchorBox} */
     this._anchorBox = null;
     this._anchorBehavior = UI.GlassPane.AnchorBehavior.PreferTop;
     this._sizeBehavior = UI.GlassPane.SizeBehavior.SetHeight;
   }
 
   /**
+   * @return {boolean}
+   */
+  isShowing() {
+    return this._widget.isShowing();
+  }
+
+  /**
+   * @param {string} cssFile
+   */
+  registerRequiredCSS(cssFile) {
+    this._widget.registerRequiredCSS(cssFile);
+  }
+
+  /**
    * @param {boolean} dimmed
    */
   setDimmed(dimmed) {
     this.element.classList.toggle('dimmed-pane', dimmed);
   }
 
   /**
    * @param {boolean} blockPointerEvents
    */
   setBlockPointerEvents(blockPointerEvents) {
@@ skipping 46 matching lines @@
   /**
    * @param {!UI.GlassPane.AnchorBehavior} behavior
    */
   setAnchorBehavior(behavior) {
     this._anchorBehavior = behavior;
   }
 
   /**
    * @param {!Document} document
    */
-  showGlassPane(document) {
+  show(document) {
     if (this.isShowing())
       return;
     // Deliberately starts with 3000 to hide other z-indexed elements below.
     this.element.style.zIndex = 3000 + 1000 * UI.GlassPane._panes.size;
     document.body.addEventListener('mousedown', this._onMouseDownBound, true);
-    this.show(document.body);
+    this._widget.show(document.body);
     UI.GlassPane._panes.add(this);
     this._positionContent();
   }
 
-  hideGlassPane() {
+  hide() {
     if (!this.isShowing())
       return;
     UI.GlassPane._panes.delete(this);
     this.element.ownerDocument.body.removeEventListener('mousedown', this._onMouseDownBound, true);
-    this.detach();
+    this._widget.detach();
   }
 
   /**
    * @param {!Event} event
    */
   _onMouseDown(event) {
     if (!this._onClickOutsideCallback)
       return;
     if (this.contentElement.isSelfOrAncestor(/** @type {?Node} */ (event.deepElementFromPoint())))
       return;
@@ skipping 76 matching lines @@
       width = Math.min(width, containerWidth - positionX - gutterSize);
       height = Math.min(height, containerHeight - positionY - gutterSize);
     }
 
     this.contentElement.style.width = width + 'px';
     if (this._sizeBehavior === UI.GlassPane.SizeBehavior.SetMaxHeight)
       this.contentElement.style.maxHeight = height + 'px';
     else
       this.contentElement.style.height = height + 'px';
     this.contentElement.positionAt(positionX, positionY, container);
+    this._widget.doResize();
   }
 
   /**
+   * @protected
+   * @return {!UI.Widget}
+   */
+  widget() {
+    return this._widget;
+  }
+
+  /**
    * @param {!Element} element
    */
   static setContainer(element) {
     UI.GlassPane._containers.set(/** @type {!Document} */ (element.ownerDocument), element);
     UI.GlassPane.containerMoved(element);
   }
 
   /**
    * @param {!Document} document
    * @return {!Element}
    */
   static container(document) {
     return UI.GlassPane._containers.get(document);
   }
 
   /**
    * @param {!Element} element
    */
   static containerMoved(element) {
     for (var pane of UI.GlassPane._panes) {
-      if (pane.isShowing() && pane.element.ownerDocument === element.ownerDocument) {
+      if (pane.isShowing() && pane.element.ownerDocument === element.ownerDocument)
         pane._positionContent();
-        pane.doResize();
-      }
     }
   }
 };
 
 /**
  * @enum {symbol}
  */
 UI.GlassPane.AnchorBehavior = {
   PreferTop: Symbol('PreferTop'),
   PreferBottom: Symbol('PreferBottom'),
   PreferLeft: Symbol('PreferLeft'),
   PreferRight: Symbol('PreferRight'),
 };
 
 /**
  * @enum {symbol}
  */
 UI.GlassPane.SizeBehavior = {
   SetHeight: Symbol('SetHeight'),
   SetMaxHeight: Symbol('SetMaxHeight'),
   MeasureContent: Symbol('MeasureContent')
 };
 
 /** @type {!Map<!Document, !Element>} */
 UI.GlassPane._containers = new Map();
 /** @type {!Set<!UI.GlassPane>} */
 UI.GlassPane._panes = new Set();