| Index: third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js
|
| diff --git a/third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js b/third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js
|
| index e60a30a40de62f08954f133263acd190aa6ac162..d48b56d0bfe9e2b7a5aafd7ee2f972434526716c 100644
|
| --- a/third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js
|
| +++ b/third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js
|
| @@ -77,6 +77,7 @@ Elements.ElementsTreeOutline = class extends UI.TreeOutline {
|
|
|
| this._popoverHelper = new UI.PopoverHelper(this._element);
|
| this._popoverHelper.initializeCallbacks(this._getPopoverAnchor.bind(this), this._showPopover.bind(this));
|
| + this._popoverHelper.setHasPadding(true);
|
| this._popoverHelper.setTimeout(0, 100);
|
|
|
| /** @type {!Map<!SDK.DOMNode, !Elements.ElementsTreeOutline.UpdateRecord>} */
|
| @@ -572,23 +573,27 @@ Elements.ElementsTreeOutline = class extends UI.TreeOutline {
|
|
|
| /**
|
| * @param {!Element} link
|
| - * @param {!UI.Popover} popover
|
| + * @param {!UI.GlassPane} popover
|
| + * @return {!Promise<boolean>}
|
| */
|
| _showPopover(link, popover) {
|
| + var fulfill;
|
| + var promise = new Promise(x => fulfill = x);
|
| var listItem = link.enclosingNodeOrSelfWithNodeName('li');
|
| var node = /** @type {!Elements.ElementsTreeElement} */ (listItem.treeElement).node();
|
| this._loadDimensionsForNode(
|
| node, Components.DOMPresentationUtils.buildImagePreviewContents.bind(
|
| Components.DOMPresentationUtils, node.target(), link[Elements.ElementsTreeElement.HrefSymbol], true,
|
| showPopover));
|
| + return promise;
|
|
|
| /**
|
| * @param {!Element=} contents
|
| */
|
| function showPopover(contents) {
|
| - if (!contents)
|
| - return;
|
| - popover.showForAnchor(contents, link);
|
| + if (contents)
|
| + popover.contentElement.appendChild(contents);
|
| + fulfill(!!contents);
|
| }
|
| }
|
|
|
|
|