[DevTools] Remove relativeToElement from Dialog.

Source/devtools/front_end/ui/Dialog.js

 /*
  * Copyright (C) 2012 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 12 matching lines @@
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
- * @param {!Element} relativeToElement
  * @param {!WebInspector.DialogDelegate} delegate
  * @param {boolean=} modal
  */
-WebInspector.Dialog = function(relativeToElement, delegate, modal)
+WebInspector.Dialog = function(delegate, modal)
 {
     this._delegate = delegate;
-    this._relativeToElement = relativeToElement;
     this._modal = modal;
 
-    this._glassPane = new WebInspector.GlassPane(/** @type {!Document} */ (relativeToElement.ownerDocument));
+    this._glassPane = new WebInspector.GlassPane(/** @type {!Document} */ (WebInspector.Dialog._modalHostView.element.ownerDocument));
     WebInspector.GlassPane.DefaultFocusedViewStack.push(this);
 
     // Install glass pane capturing events.
     this._glassPane.element.tabIndex = 0;
     this._glassPane.element.addEventListener("focus", this._onGlassPaneFocus.bind(this), false);
     if (this._modal)
         this._glassPane.element.classList.add("tinted");
 
     this._element = this._glassPane.element.createChild("div");
     this._element.tabIndex = 0;
@@ skipping 12 matching lines @@
 
 /**
  * @return {?WebInspector.Dialog}
  */
 WebInspector.Dialog.currentInstance = function()
 {
     return WebInspector.Dialog._instance;
 }
 
 /**
- * @param {?Element} relativeToElement
  * @param {!WebInspector.DialogDelegate} delegate
  * @param {boolean=} modal
  */
-WebInspector.Dialog.show = function(relativeToElement, delegate, modal)
+WebInspector.Dialog.show = function(delegate, modal)
 {
     if (WebInspector.Dialog._instance)
         return;
-    WebInspector.Dialog._instance = new WebInspector.Dialog(relativeToElement || WebInspector.Dialog.modalHostView().element, delegate, modal);
+    WebInspector.Dialog._instance = new WebInspector.Dialog(delegate, modal);
     WebInspector.Dialog._instance.focus();
 }
 
 WebInspector.Dialog.hide = function()
 {
     if (!WebInspector.Dialog._instance)
         return;
     WebInspector.Dialog._instance._hide();
 }
 
@@ skipping 26 matching lines @@
         this._hide();
     },
 
     _onFocus: function(event)
     {
         this._delegate.focus();
     },
 
     _position: function()
     {
-        this._delegate.position(this._element, this._relativeToElement);
+        this._delegate.position(this._element, WebInspector.Dialog._modalHostView.element);
     },
 
     _onKeyDown: function(event)
     {
         if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Tab.code) {
             event.preventDefault();
             return;
         }
 
         if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Enter.code)
@@ skipping 23 matching lines @@
      */
     show: function(element)
     {
         element.appendChild(this.element);
         this.element.classList.add("dialog-contents");
         element.classList.add("dialog");
     },
 
     /**
      * @param {!Element} element
-     * @param {!Element} relativeToElement
+     * @param {!Element} container
      */
-    position: function(element, relativeToElement)
+    position: function(element, container)
     {
-        var container = WebInspector.Dialog._modalHostView.element;
-        var box = relativeToElement.boxInWindow(window).relativeToElement(container);
-
-        var positionX = box.x + (relativeToElement.offsetWidth - element.offsetWidth) / 2;
+        var positionX = (container.offsetWidth - element.offsetWidth) / 2;
         positionX = Number.constrain(positionX, 0, container.offsetWidth - element.offsetWidth);
 
-        var positionY = box.y + (relativeToElement.offsetHeight - element.offsetHeight) / 2;
+        var positionY = (container.offsetHeight - element.offsetHeight) / 2;
         positionY = Number.constrain(positionY, 0, container.offsetHeight - element.offsetHeight);
 
         element.style.position = "absolute";
         element.positionAt(positionX, positionY, container);
     },
 
     focus: function() { },
 
     /**
      * @param {!KeyboardEvent} event
@@ skipping 30 matching lines @@
 {
     return WebInspector.Dialog._modalHostView;
 };
 
 WebInspector.Dialog.modalHostRepositioned = function()
 {
     if (WebInspector.Dialog._instance)
         WebInspector.Dialog._instance._position();
 };