chrome-devtools-frontend 1.0.954826 → 1.0.956060

package/front_end/panels/coverage/CoverageView.ts

@@ -174,7 +174,7 @@ export class CoverageView extends UI.Widget.VBox {
     toolbar.appendSeparator();
     this.saveButton = new UI.Toolbar.ToolbarButton(i18nString(UIStrings.export), 'largeicon-download');
     this.saveButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
-      this.exportReport();
+      void this.exportReport();
     });
     toolbar.appendToolbarItem(this.saveButton);
     this.saveButton.setEnabled(false);
@@ -283,9 +283,9 @@ export class CoverageView extends UI.Widget.VBox {
     const enable = !this.toggleRecordAction.toggled();
 
     if (enable) {
-      this.startRecording({reload: false, jsCoveragePerBlock: this.isBlockCoverageSelected()});
+      void this.startRecording({reload: false, jsCoveragePerBlock: this.isBlockCoverageSelected()});
     } else {
-      this.stopRecording();
+      void this.stopRecording();
     }
   }
 
@@ -381,7 +381,7 @@ export class CoverageView extends UI.Widget.VBox {
     if (reload && this.resourceTreeModel) {
       this.resourceTreeModel.reloadPage();
     } else {
-      this.model.startPolling();
+      void this.model.startPolling();
     }
   }
 
@@ -530,7 +530,7 @@ let actionDelegateInstance: ActionDelegate;
 export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
   handleAction(context: UI.Context.Context, actionId: string): boolean {
     const coverageViewId = 'coverage';
-    UI.ViewManager.ViewManager.instance()
+    void UI.ViewManager.ViewManager.instance()
         .showView(coverageViewId, /** userGesture= */ false, /** omitFocus= */ true)
         .then(() => {
           const view = UI.ViewManager.ViewManager.instance().view(coverageViewId);
@@ -554,7 +554,7 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
         coverageView.toggleRecording();
         break;
       case 'coverage.start-with-reload':
-        coverageView.startRecording({reload: true, jsCoveragePerBlock: coverageView.isBlockCoverageSelected()});
+        void coverageView.startRecording({reload: true, jsCoveragePerBlock: coverageView.isBlockCoverageSelected()});
         break;
       default:
         console.assert(false, `Unknown action: ${actionId}`);

package/front_end/panels/css_overview/CSSOverviewCompletedView.ts

@@ -640,7 +640,7 @@ export class CSSOverviewCompletedView extends UI.Panel.PanelWithSidebar {
         throw new Error('Unable to initialize CSS Overview, missing models');
       }
       view = new ElementDetailsView(this.#controller, this.#domModel, this.#cssModel, this.#linkifier);
-      view.populateNodes(payload.nodes);
+      void view.populateNodes(payload.nodes);
       this.#viewMap.set(id, view);
     }
 
@@ -815,7 +815,7 @@ export class CSSOverviewCompletedView extends UI.Panel.PanelWithSidebar {
   }
 
   setOverviewData(data: OverviewData): void {
-    this.#render(data);
+    void this.#render(data);
   }
 
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -1063,7 +1063,7 @@ export class ElementNode extends DataGrid.SortableDataGrid.SortableDataGridNode<
         throw new Error('Node entry is missing a related frontend node.');
       }
 
-      Common.Linkifier.Linkifier.linkify(frontendNode).then(link => {
+      void Common.Linkifier.Linkifier.linkify(frontendNode).then(link => {
         cell.textContent = '';
         (link as HTMLElement).dataset.backendNodeId = frontendNode.backendNodeId().toString();
         cell.appendChild(link);

package/front_end/panels/css_overview/CSSOverviewModel.ts

@@ -64,8 +64,8 @@ export class CSSOverviewModel extends SDK.SDKModel.SDKModel<void> {
                                                                       Protocol.Overlay.ContrastAlgorithm.Aa,
     };
 
-    this.#overlayAgent.invoke_hideHighlight();
-    this.#overlayAgent.invoke_highlightNode({backendNodeId: node, highlightConfig});
+    void this.#overlayAgent.invoke_hideHighlight();
+    void this.#overlayAgent.invoke_highlightNode({backendNodeId: node, highlightConfig});
   }
 
   async getNodeStyleStats(): Promise<NodeStyleStats> {

package/front_end/panels/css_overview/CSSOverviewPanel.ts

@@ -55,7 +55,7 @@ export class CSSOverviewPanel extends UI.Panel.Panel implements SDK.TargetManage
 
     this.#controller.addEventListener(Events.RequestOverviewStart, _event => {
       Host.userMetrics.actionTaken(Host.UserMetrics.Action.CaptureCssOverviewClicked);
-      this.#startOverview();
+      void this.#startOverview();
     }, this);
     this.#controller.addEventListener(Events.OverviewCompleted, this.#overviewCompleted, this);
     this.#controller.addEventListener(Events.Reset, this.#reset, this);

package/front_end/panels/developer_resources/DeveloperResourcesListView.ts

@@ -250,7 +250,7 @@ class GridNode extends DataGrid.SortableDataGrid.SortableDataGridNode<GridNode>
           const frameId = this.item.initiator.frameId;
           const frame = frameId ? SDK.FrameManager.FrameManager.instance().getFrame(frameId) : null;
           if (frame) {
-            frame.highlight();
+            void frame.highlight();
           }
         };
         cell.onmouseleave = (): void => SDK.OverlayModel.OverlayModel.hideDOMNodeHighlight();

package/front_end/panels/developer_resources/DeveloperResourcesView.ts

@@ -93,7 +93,7 @@ export class DeveloperResourcesView extends UI.Widget.VBox {
   }
 
   private onUpdate(): void {
-    this.throttler.schedule(this.update.bind(this));
+    void this.throttler.schedule(this.update.bind(this));
   }
 
   private async update(): Promise<void> {

package/front_end/panels/elements/AccessibilityTreeView.ts

@@ -40,7 +40,7 @@ export class AccessibilityTreeView extends UI.Widget.VBox implements
         deferredNode.resolve(domNode => {
           if (domNode) {
             this.inspectedDOMNode = domNode;
-            ElementsPanel.instance().revealAndSelectNode(domNode, true, false);
+            void ElementsPanel.instance().revealAndSelectNode(domNode, true, false);
           }
         });
       }
@@ -134,18 +134,18 @@ export class AccessibilityTreeView extends UI.Widget.VBox implements
                   .EventTargetEvent<SDK.AccessibilityModel.EventTypes[SDK.AccessibilityModel.Events.TreeUpdated]>):
       void {
     if (!data.root) {
-      this.renderTree();
+      void this.renderTree();
       return;
     }
     const topFrameId = SDK.FrameManager.FrameManager.instance().getTopFrame()?.id;
     if (data.root?.getFrameId() !== topFrameId) {
-      this.renderTree();
+      void this.renderTree();
       return;
     }
     this.root = data.root;
-    this.accessibilityTreeComponent.collapseAllNodes();
+    void this.accessibilityTreeComponent.collapseAllNodes();
 
-    this.refreshAccessibilityTree();
+    void this.refreshAccessibilityTree();
   }
 
   modelAdded(model: SDK.AccessibilityModel.AccessibilityModel): void {

package/front_end/panels/elements/ClassesPaneWidget.ts

@@ -234,7 +234,7 @@ export class ClassesPaneWidget extends UI.Widget.Widget {
     const newClasses = [...activeClasses.values()].sort();
 
     this.pendingNodeClasses.set(node, newClasses.join(' '));
-    this.updateNodeThrottler.schedule(this.flushPendingClasses.bind(this));
+    void this.updateNodeThrottler.schedule(this.flushPendingClasses.bind(this));
   }
 
   private async flushPendingClasses(): Promise<void> {

package/front_end/panels/elements/ColorSwatchPopoverIcon.ts

@@ -75,13 +75,13 @@ export class BezierPopoverIcon {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().propertyUILocation(
         this.treeElement.property, false /* forName */);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, true /* omitFocus */);
+      void Common.Revealer.reveal(uiLocation, true /* omitFocus */);
     }
   }
 
   private bezierChanged(event: Common.EventTarget.EventTargetEvent<string>): void {
     this.swatch.setBezierText(event.data);
-    this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
+    void this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
   }
 
   private onScroll(_event: Event): void {
@@ -99,7 +99,7 @@ export class BezierPopoverIcon {
     this.bezierEditor = undefined;
 
     const propertyText = commitEdit ? this.treeElement.renderedPropertyText() : this.originalPropertyText || '';
-    this.treeElement.applyStyleText(propertyText, true);
+    void this.treeElement.applyStyleText(propertyText, true);
     this.treeElement.parentPane().setEditingStyle(false);
     delete this.originalPropertyText;
   }
@@ -194,7 +194,7 @@ export class ColorSwatchPopoverIcon {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().propertyUILocation(
         this.treeElement.property, false /* forName */);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, true /* omitFocus */);
+      void Common.Revealer.reveal(uiLocation, true /* omitFocus */);
     }
   }
 
@@ -218,7 +218,7 @@ export class ColorSwatchPopoverIcon {
       this.swatch.createChild('span').textContent = text;
     }
 
-    this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
+    void this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
   }
 
   private onScroll(_event: Event): void {
@@ -236,7 +236,7 @@ export class ColorSwatchPopoverIcon {
     this.spectrum = undefined;
 
     const propertyText = commitEdit ? this.treeElement.renderedPropertyText() : this.originalPropertyText || '';
-    this.treeElement.applyStyleText(propertyText, true);
+    void this.treeElement.applyStyleText(propertyText, true);
     this.treeElement.parentPane().setEditingStyle(false);
     delete this.originalPropertyText;
   }
@@ -294,13 +294,13 @@ export class ShadowSwatchPopoverHelper {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().propertyUILocation(
         this.treeElement.property, false /* forName */);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, true /* omitFocus */);
+      void Common.Revealer.reveal(uiLocation, true /* omitFocus */);
     }
   }
 
   private shadowChanged(event: Common.EventTarget.EventTargetEvent<InlineEditor.CSSShadowModel.CSSShadowModel>): void {
     this.shadowSwatch.setCSSShadow(event.data);
-    this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
+    void this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
   }
 
   private onScroll(_event: Event): void {
@@ -319,7 +319,7 @@ export class ShadowSwatchPopoverHelper {
     this.cssShadowEditor = undefined;
 
     const propertyText = commitEdit ? this.treeElement.renderedPropertyText() : this.originalPropertyText || '';
-    this.treeElement.applyStyleText(propertyText, true);
+    void this.treeElement.applyStyleText(propertyText, true);
     this.treeElement.parentPane().setEditingStyle(false);
     delete this.originalPropertyText;
   }
@@ -358,7 +358,7 @@ export class FontEditorSectionManager {
   private fontChanged(event: Common.EventTarget.EventTargetEvent<InlineEditor.FontEditor.FontChangedEvent>): void {
     const {propertyName, value} = event.data;
     const treeElement = this.treeElementMap.get(propertyName);
-    this.updateFontProperty(propertyName, value, treeElement);
+    void this.updateFontProperty(propertyName, value, treeElement);
   }
 
   private async updateFontProperty(propertyName: string, value: string, treeElement?: StylePropertyTreeElement):

package/front_end/panels/elements/ComputedStyleWidget.ts

@@ -154,7 +154,7 @@ const processColor = (autoDetectFormat: boolean, text: string): Node => {
 };
 
 const navigateToSource = (cssProperty: SDK.CSSProperty.CSSProperty, event: Event): void => {
-  Common.Revealer.reveal(cssProperty);
+  void Common.Revealer.reveal(cssProperty);
   event.consume(true);
 };
 
@@ -537,7 +537,7 @@ export class ComputedStyleWidget extends UI.ThrottledWidget.ThrottledWidget {
 
     contextMenu.defaultSection().appendItem(
         i18nString(UIStrings.navigateToStyle), () => Common.Revealer.reveal(property));
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private computePropertyTraces(matchedStyles: SDK.CSSMatchedStyles.CSSMatchedStyles):

package/front_end/panels/elements/DOMLinkifier.ts

@@ -88,7 +88,7 @@ export const linkifyNodeReference = function(
   decorateNodeLabel(node, link, options.tooltip);
 
   link.addEventListener('click', () => {
-    Common.Revealer.reveal(node, false);
+    void Common.Revealer.reveal(node, false);
     return false;
   }, false);
   link.addEventListener('mouseover', node.highlight.bind(node, undefined), false);
@@ -123,7 +123,7 @@ export const linkifyDeferredNodeReference = function(
   }
 
   function onDeferredNodeResolved(node: SDK.DOMModel.DOMNode|null): void {
-    Common.Revealer.reveal(node);
+    void Common.Revealer.reveal(node);
   }
 
   return root;

package/front_end/panels/elements/ElementsPanel.ts

@@ -213,7 +213,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     this.contentElementInternal = document.createElement('div');
     const crumbsContainer = document.createElement('div');
     if (Root.Runtime.experiments.isEnabled('fullAccessibilityTree')) {
-      this.initializeFullAccessibilityTreeView(stackElement);
+      this.initializeFullAccessibilityTreeView();
     }
     stackElement.appendChild(this.contentElementInternal);
     stackElement.appendChild(crumbsContainer);
@@ -274,14 +274,14 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     this.adornersByName = new Map();
   }
 
-  private initializeFullAccessibilityTreeView(stackElement: UI.Widget.WidgetElement): void {
+  private initializeFullAccessibilityTreeView(): void {
     this.accessibilityTreeButton = createAccessibilityTreeToggleButton(false);
     this.accessibilityTreeButton.addEventListener('click', this.showAccessibilityTree.bind(this));
 
     this.domTreeButton = createAccessibilityTreeToggleButton(true);
     this.domTreeButton.addEventListener('click', this.showDOMTree.bind(this));
 
-    stackElement.appendChild(this.accessibilityTreeButton);
+    this.contentElementInternal.appendChild(this.accessibilityTreeButton);
   }
 
   private showAccessibilityTree(): void {
@@ -457,7 +457,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
           treeOutline.rootDOMNode = domModel.existingDocument();
           this.documentUpdated(domModel);
         } else {
-          domModel.requestDocument();
+          void domModel.requestDocument();
         }
       }
     }
@@ -512,7 +512,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
       };
 
       if (this.accessibilityTreeView) {
-        this.accessibilityTreeView.selectedNodeChanged(selectedNode);
+        void this.accessibilityTreeView.selectedNodeChanged(selectedNode);
       }
     } else {
       this.breadcrumbs.data = {crumbs: [], selectedNode: null};
@@ -523,7 +523,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     if (!selectedNode) {
       return;
     }
-    selectedNode.setAsInspectedNode();
+    void selectedNode.setAsInspectedNode();
     if (focus) {
       this.selectedNodeOnReset = selectedNode;
       this.hasNonDefaultSelectedNode = true;
@@ -551,7 +551,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
 
     if (!domModel.existingDocument()) {
       if (this.isShowing()) {
-        domModel.requestDocument();
+        void domModel.requestDocument();
       }
       return;
     }
@@ -563,7 +563,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     }
 
     const savedSelectedNodeOnReset = this.selectedNodeOnReset;
-    restoreNode.call(this, domModel, this.selectedNodeOnReset || null);
+    void restoreNode.call(this, domModel, this.selectedNodeOnReset || null);
 
     async function restoreNode(
         this: ElementsPanel, domModel: SDK.DOMModel.DOMModel, staleNode: SDK.DOMModel.DOMNode|null): Promise<void> {
@@ -637,7 +637,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     const showUAShadowDOM = Common.Settings.Settings.instance().moduleSetting('showUAShadowDOM').get();
     const domModels = SDK.TargetManager.TargetManager.instance().models(SDK.DOMModel.DOMModel);
     const promises = domModels.map(domModel => domModel.performSearch(whitespaceTrimmedQuery, showUAShadowDOM));
-    Promise.all(promises).then(resultCounts => {
+    void Promise.all(promises).then(resultCounts => {
       this.searchResults = [];
       for (let i = 0; i < resultCounts.length; ++i) {
         const resultCount = resultCounts[i];
@@ -676,7 +676,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
   switchToAndFocus(node: SDK.DOMModel.DOMNode): void {
     // Reset search restore.
     this.searchableViewInternal.cancelSearch();
-    UI.ViewManager.ViewManager.instance().showView('elements').then(() => this.selectDOMNode(node, true));
+    void UI.ViewManager.ViewManager.instance().showView('elements').then(() => this.selectDOMNode(node, true));
   }
 
   private jumpToSearchResult(index: number): void {
@@ -725,7 +725,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
 
     if (typeof searchResult.node === 'undefined') {
       // No data for slot, request it.
-      searchResult.domModel.searchResult(searchResult.index).then(node => {
+      void searchResult.domModel.searchResult(searchResult.index).then(node => {
         searchResult.node = node;
 
         // If any of these properties are undefined or reset to an invalid value,
@@ -739,7 +739,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     }
 
     const treeElement = this.treeElementForNode(searchResult.node);
-    searchResult.node.scrollIntoView();
+    void searchResult.node.scrollIntoView();
     if (treeElement) {
       this.searchConfig && treeElement.highlightSearchResults(this.searchConfig.query);
       treeElement.reveal();
@@ -866,7 +866,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     }
 
     if (this.accessibilityTreeView) {
-      this.accessibilityTreeView.revealAndSelectNode(node);
+      void this.accessibilityTreeView.revealAndSelectNode(node);
     }
 
     await UI.ViewManager.ViewManager.instance().showView('elements', false, !focus);
@@ -1114,7 +1114,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
       }
       const treeElement = this.treeElementForNode(domNode);
       if (treeElement) {
-        treeElement.updateStyleAdorners();
+        void treeElement.updateStyleAdorners();
       }
     }
   }
@@ -1265,7 +1265,7 @@ export class DOMNodeRevealer implements Common.Revealer.Revealer {
       } else if (node instanceof SDK.RemoteObject.RemoteObject) {
         const domModel = node.runtimeModel().target().model(SDK.DOMModel.DOMModel);
         if (domModel) {
-          domModel.pushObjectAsNodeToFrontend(node).then(checkRemoteObjectThenReveal);
+          void domModel.pushObjectAsNodeToFrontend(node).then(checkRemoteObjectThenReveal);
         } else {
           reject(new Error('Could not resolve a node to reveal.'));
         }
@@ -1296,7 +1296,7 @@ export class DOMNodeRevealer implements Common.Revealer.Revealer {
         }
 
         if (resolvedNode) {
-          panel.revealAndSelectNode(resolvedNode, !omitFocus).then(resolve);
+          void panel.revealAndSelectNode(resolvedNode, !omitFocus).then(resolve);
           return;
         }
         reject(new Error('Could not resolve node to reveal.'));
@@ -1360,7 +1360,7 @@ export class ElementsActionDelegate implements UI.ActionRegistration.ActionDeleg
 
     switch (actionId) {
       case 'elements.hide-element':
-        treeOutline.toggleHideElement(node);
+        void treeOutline.toggleHideElement(node);
         return true;
       case 'elements.edit-as-html':
         treeOutline.toggleEditAsHTML(node);
@@ -1372,11 +1372,11 @@ export class ElementsActionDelegate implements UI.ActionRegistration.ActionDeleg
         treeOutline.findTreeElement(node)?.copyStyles();
         return true;
       case 'elements.undo':
-        SDK.DOMModel.DOMModelUndoStack.instance().undo();
+        void SDK.DOMModel.DOMModelUndoStack.instance().undo();
         ElementsPanel.instance().stylesWidget.forceUpdate();
         return true;
       case 'elements.redo':
-        SDK.DOMModel.DOMModelUndoStack.instance().redo();
+        void SDK.DOMModel.DOMModelUndoStack.instance().redo();
         ElementsPanel.instance().stylesWidget.forceUpdate();
         return true;
     }

package/front_end/panels/elements/ElementsSidebarPane.ts

@@ -44,7 +44,7 @@ export class ElementsSidebarPane extends UI.Widget.VBox {
     if (this.updateWhenVisible) {
       return;
     }
-    this.updateThrottler.schedule(innerUpdate.bind(this));
+    void this.updateThrottler.schedule(innerUpdate.bind(this));
 
     function innerUpdate(this: ElementsSidebarPane): Promise<void> {
       return this.isShowing() ? this.doUpdate() : Promise.resolve();

package/front_end/panels/elements/ElementsTreeElement.ts

@@ -237,17 +237,18 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
   private searchHighlightsVisible?: boolean;
   selectionElement?: HTMLDivElement;
   private hintElement?: HTMLElement;
+  private contentElement: HTMLElement;
 
   constructor(node: SDK.DOMModel.DOMNode, isClosingTag?: boolean) {
     // The title will be updated in onattach.
     super();
     this.nodeInternal = node;
     this.treeOutline = null;
-
-    this.gutterContainer = this.listItemElement.createChild('div', 'gutter-container');
+    this.contentElement = this.listItemElement.createChild('div');
+    this.gutterContainer = this.contentElement.createChild('div', 'gutter-container');
     this.gutterContainer.addEventListener('click', this.showContextMenu.bind(this));
     const gutterMenuIcon = UI.Icon.Icon.create('largeicon-menu', 'gutter-menu-icon');
-    this.gutterContainer.appendChild(gutterMenuIcon);
+    this.gutterContainer.append(gutterMenuIcon);
     this.decorationsElement = this.gutterContainer.createChild('div', 'hidden');
 
     this.isClosingTagInternal = isClosingTag;
@@ -267,12 +268,12 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     this.highlightResult = [];
 
     if (!isClosingTag) {
-      this.adornerContainer = this.listItemElement.createChild('div', 'adorner-container hidden');
+      this.adornerContainer = this.contentElement.createChild('div', 'adorner-container hidden');
       this.adorners = [];
       this.styleAdorners = [];
       this.adornersThrottler = new Common.Throttler.Throttler(100);
 
-      this.updateStyleAdorners();
+      void this.updateStyleAdorners();
 
       if (node.isAdFrameNode()) {
         const config = ElementsComponents.AdornerManager.getRegisteredAdorner(
@@ -422,8 +423,8 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
   }
 
   private createSelection(): void {
-    const listItemElement = this.listItemElement;
-    if (!listItemElement) {
+    const contentElement = this.contentElement;
+    if (!contentElement) {
       return;
     }
 
@@ -431,13 +432,13 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
       this.selectionElement = document.createElement('div');
       this.selectionElement.className = 'selection fill';
       this.selectionElement.style.setProperty('margin-left', (-this.computeLeftIndent()) + 'px');
-      listItemElement.insertBefore(this.selectionElement, listItemElement.firstChild);
+      contentElement.prepend(this.selectionElement);
     }
   }
 
   private createHint(): void {
-    if (this.listItemElement && !this.hintElement) {
-      this.hintElement = this.listItemElement.createChild('span', 'selected-hint');
+    if (this.contentElement && !this.hintElement) {
+      this.hintElement = this.contentElement.createChild('span', 'selected-hint');
       const selectedElementCommand = '$0';
       UI.Tooltip.Tooltip.install(
           this.hintElement, i18nString(UIStrings.useSInTheConsoleToReferToThis, {PH1: selectedElementCommand}));
@@ -756,7 +757,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
         const frameOwnerFrameId = this.nodeInternal.frameOwnerFrameId();
         if (frameOwnerFrameId) {
           const frame = SDK.FrameManager.FrameManager.instance().getFrame(frameOwnerFrameId);
-          Common.Revealer.reveal(frame);
+          void Common.Revealer.reveal(frame);
         }
       });
     }
@@ -1017,7 +1018,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
       this.childrenListElement.style.display = 'none';
     }
     // Append editor.
-    this.listItemElement.appendChild(this.htmlEditElement);
+    this.listItemElement.append(this.htmlEditElement);
     this.htmlEditElement.addEventListener('keydown', event => {
       if (event.key === 'Escape') {
         event.consume(true);
@@ -1303,15 +1304,15 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
           this.childrenListElement.classList.add('shadow-root-depth-' + depth);
         }
       }
-      const highlightElement = document.createElement('span');
-      highlightElement.className = 'highlight';
-      highlightElement.appendChild(nodeInfo);
+      this.contentElement.removeChildren();
+      const highlightElement = this.contentElement.createChild('span', 'highlight');
+      highlightElement.append(nodeInfo);
       // fixme: make it clear that `this.title = x` is a setter with significant side effects
-      this.title = highlightElement;
+      this.title = this.contentElement;
       this.updateDecorations();
-      this.listItemElement.insertBefore(this.gutterContainer, this.listItemElement.firstChild);
+      this.contentElement.prepend(this.gutterContainer);
       if (!this.isClosingTagInternal && this.adornerContainer) {
-        this.listItemElement.appendChild(this.adornerContainer);
+        this.contentElement.append(this.adornerContainer);
       }
       this.highlightResult = [];
       delete this.selectionElement;
@@ -1348,7 +1349,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
       return;
     }
 
-    this.decorationsThrottler.schedule(this.updateDecorationsInternal.bind(this));
+    void this.decorationsThrottler.schedule(this.updateDecorationsInternal.bind(this));
   }
 
   private updateDecorationsInternal(): Promise<void> {
@@ -1730,12 +1731,12 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
           const newNode = titleDOM.createChild('span', 'webkit-html-text-node webkit-html-js-node');
           const text = node.nodeValue();
           newNode.textContent = text.replace(/^[\n\r]+|\s+$/g, '');
-          CodeHighlighter.CodeHighlighter.highlightNode(newNode, 'text/javascript').then(updateSearchHighlight);
+          void CodeHighlighter.CodeHighlighter.highlightNode(newNode, 'text/javascript').then(updateSearchHighlight);
         } else if (node.parentNode && node.parentNode.nodeName().toLowerCase() === 'style') {
           const newNode = titleDOM.createChild('span', 'webkit-html-text-node webkit-html-css-node');
           const text = node.nodeValue();
           newNode.textContent = text.replace(/^[\n\r]+|\s+$/g, '');
-          CodeHighlighter.CodeHighlighter.highlightNode(newNode, 'text/css').then(updateSearchHighlight);
+          void CodeHighlighter.CodeHighlighter.highlightNode(newNode, 'text/css').then(updateSearchHighlight);
         } else {
           UI.UIUtils.createTextChild(titleDOM, '"');
           const textNodeElement = titleDOM.createChild('span', 'webkit-html-text-node');
@@ -1808,7 +1809,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     if (!this.nodeInternal.parentNode || this.nodeInternal.parentNode.nodeType() === Node.DOCUMENT_NODE) {
       return;
     }
-    this.nodeInternal.removeNode();
+    void this.nodeInternal.removeNode();
   }
 
   toggleEditAsHTML(callback?: ((arg0: boolean) => void), startEditing?: boolean): void {
@@ -1840,7 +1841,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     }
 
     const node = this.nodeInternal;
-    node.getOuterHTML().then(this.startEditingAsHTML.bind(this, commitChange, disposeCallback));
+    void node.getOuterHTML().then(this.startEditingAsHTML.bind(this, commitChange, disposeCallback));
   }
 
   private copyCSSPath(): void {
@@ -1917,7 +1918,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
 
   private editAsHTML(): void {
     const promise = Common.Revealer.reveal(this.node());
-    promise.then(() => {
+    void promise.then(() => {
       const action = UI.ActionRegistry.ActionRegistry.instance().action('elements.edit-as-html');
       if (!action) {
         return;
@@ -1965,7 +1966,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
   }
 
   private updateAdorners(): void {
-    this.adornersThrottler.schedule(this.updateAdornersInternal.bind(this));
+    void this.adornersThrottler.schedule(this.updateAdornersInternal.bind(this));
   }
 
   private updateAdornersInternal(): Promise<void> {

package/front_end/panels/elements/ElementsTreeElementHighlighter.ts

@@ -40,7 +40,7 @@ export class ElementsTreeElementHighlighter {
 
     const domNode = event.data;
 
-    this.throttler.schedule(async () => {
+    void this.throttler.schedule(async () => {
       this.highlightNodeInternal(this.pendingHighlightNode);
       this.pendingHighlightNode = null;
     });

package/front_end/panels/elements/ElementsTreeOutline.ts

@@ -275,7 +275,7 @@ export class ElementsTreeOutline extends
       return;
     }
 
-    node.copyNode();
+    void node.copyNode();
     this.setClipboardData({node: node, isCut: isCut});
   }
 
@@ -502,7 +502,7 @@ export class ElementsTreeOutline extends
       const child = ancestors[i - 1] || node;
       const treeElement = this.treeElementByNode.get(ancestors[i]);
       if (treeElement) {
-        treeElement.onpopulate();  // fill the cache with the children of treeElement
+        void treeElement.onpopulate();  // fill the cache with the children of treeElement
         if (child.index && child.index >= treeElement.expandedChildrenLimit()) {
           this.setExpandedChildrenLimit(treeElement, child.index + 1);
         }
@@ -553,7 +553,7 @@ export class ElementsTreeOutline extends
     // items extend at least to the right edge of the outer <ol> container.
     // In the no-word-wrap mode the outer <ol> may be wider than the tree container
     // (and partially hidden), in which case we are left to use only its right boundary.
-    const x = scrollContainer.totalOffsetLeft() + scrollContainer.offsetWidth - 36;
+    const x = scrollContainer.totalOffsetLeft() + scrollContainer.offsetWidth - 18;
 
     const y = event.pageY;
 
@@ -801,7 +801,7 @@ export class ElementsTreeOutline extends
     });
 
     contextMenu.appendApplicableItems(treeElement.node());
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private async saveNodeToTempVariable(node: SDK.DOMModel.DOMNode): Promise<void> {