chrome-devtools-frontend 1.0.955092 → 1.0.956812

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);
@@ -1369,14 +1369,14 @@ export class ElementsActionDelegate implements UI.ActionRegistration.ActionDeleg
         treeOutline.duplicateNode(node);
         return true;
       case 'elements.copy-styles':
-        treeOutline.findTreeElement(node)?.copyStyles();
+        void 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,13 +237,14 @@ 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.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');
@@ -272,7 +273,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
       this.styleAdorners = [];
       this.adornersThrottler = new Common.Throttler.Throttler(100);
 
-      this.updateStyleAdorners();
+      void this.updateStyleAdorners();
 
       if (node.isAdFrameNode()) {
         const config = ElementsComponents.AdornerManager.getRegisteredAdorner(
@@ -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);
         }
       });
     }
@@ -1303,11 +1304,11 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
           this.childrenListElement.classList.add('shadow-root-depth-' + depth);
         }
       }
-      const highlightElement = document.createElement('span');
-      highlightElement.className = 'highlight';
+      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.contentElement.prepend(this.gutterContainer);
       if (!this.isClosingTagInternal && this.adornerContainer) {
@@ -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> {

package/front_end/panels/elements/InspectElementModeController.ts

@@ -86,7 +86,7 @@ export class InspectElementModeController implements SDK.TargetManager.SDKModelO
     if (this.mode === Protocol.Overlay.InspectMode.None) {
       return;
     }
-    overlayModel.setInspectMode(this.mode, this.showDetailedInspectTooltipSetting.get());
+    void overlayModel.setInspectMode(this.mode, this.showDetailedInspectTooltipSetting.get());
   }
 
   modelRemoved(_overlayModel: SDK.OverlayModel.OverlayModel): void {
@@ -118,7 +118,7 @@ export class InspectElementModeController implements SDK.TargetManager.SDKModelO
     }
     this.mode = mode;
     for (const overlayModel of SDK.TargetManager.TargetManager.instance().models(SDK.OverlayModel.OverlayModel)) {
-      overlayModel.setInspectMode(mode, this.showDetailedInspectTooltipSetting.get());
+      void overlayModel.setInspectMode(mode, this.showDetailedInspectTooltipSetting.get());
     }
     if (this.toggleSearchAction) {
       this.toggleSearchAction.setToggled(this.isInInspectElementMode());
@@ -137,7 +137,7 @@ export class InspectElementModeController implements SDK.TargetManager.SDKModelO
   }
 
   private inspectNode(node: SDK.DOMModel.DOMNode): void {
-    ElementsPanel.instance().revealAndSelectNode(node, true, true);
+    void ElementsPanel.instance().revealAndSelectNode(node, true, true);
   }
 
   private showDetailedInspectTooltipChanged(): void {

package/front_end/panels/elements/LayoutSidebarPane.ts

@@ -20,8 +20,8 @@ const nodeToLayoutElement = (node: SDK.DOMModel.DOMNode): ElementsComponents.Lay
     domClasses: className ? className.split(/\s+/).filter(s => Boolean(s)) : undefined,
     enabled: false,
     reveal: (): void => {
-      ElementsPanel.instance().revealAndSelectNode(node, true, true);
-      node.scrollIntoView();
+      void ElementsPanel.instance().revealAndSelectNode(node, true, true);
+      void node.scrollIntoView();
     },
     highlight: (): void => {
       node.highlight();

package/front_end/panels/elements/MetricsSidebarPane.ts

@@ -398,10 +398,10 @@ export class MetricsSidebarPane extends ElementsSidebarPane {
         // An added property, remove the last property in the style.
         const pastLastSourcePropertyIndex = this.inlineStyle.pastLastSourcePropertyIndex();
         if (pastLastSourcePropertyIndex) {
-          this.inlineStyle.allProperties()[pastLastSourcePropertyIndex - 1].setText('', false);
+          void this.inlineStyle.allProperties()[pastLastSourcePropertyIndex - 1].setText('', false);
         }
       } else {
-        this.inlineStyle.allProperties()[this.originalPropertyData.index].setText(
+        void this.inlineStyle.allProperties()[this.originalPropertyData.index].setText(
             this.originalPropertyData.propertyText || '', false);
       }
     }

package/front_end/panels/elements/StylePropertyHighlighter.ts

@@ -21,7 +21,7 @@ export class StylePropertyHighlighter {
     for (const section of this.styleSidebarPane.allSections()) {
       for (let treeElement = section.propertiesTreeOutline.firstChild(); treeElement;
            treeElement = treeElement.nextSibling) {
-        treeElement.onpopulate();
+        void treeElement.onpopulate();
       }
     }
 

package/front_end/panels/elements/StylePropertyTreeElement.ts

@@ -184,7 +184,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     const matches = regex !== null && (regex.test(this.property.name) || regex.test(this.property.value));
     this.listItemElement.classList.toggle('filter-match', matches);
 
-    this.onpopulate();
+    void this.onpopulate();
     let hasMatchingChildren = false;
 
     for (let i = 0; i < this.childCount(); ++i) {
@@ -235,7 +235,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     swatch.addEventListener(InlineEditor.ColorSwatch.FormatChangedEvent.eventName, onFormatchanged);
 
     if (this.editable()) {
-      this.addColorContrastInfo(swatch);
+      void this.addColorContrastInfo(swatch);
     }
 
     return swatch;
@@ -429,7 +429,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
 
       valueElement.textContent = data.value;
       this.parentPaneInternal.setEditingStyle(true);
-      this.applyStyleText(this.renderedPropertyText(), false);
+      void this.applyStyleText(this.renderedPropertyText(), false);
     };
 
     const onDraggingFinished = (): void => {
@@ -692,7 +692,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       this.listItemElement.insertBefore(
           StylesSidebarPane.createExclamationMark(this.property, null), this.listItemElement.firstChild);
     } else {
-      this.updateFontVariationSettingsWarning();
+      void this.updateFontVariationSettingsWarning();
     }
 
     if (!this.property.activeInStyle()) {
@@ -707,7 +707,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       enabledCheckboxElement.checked = !this.property.disabled;
       enabledCheckboxElement.addEventListener('mousedown', event => event.consume(), false);
       enabledCheckboxElement.addEventListener('click', event => {
-        this.toggleDisabled(!this.property.disabled);
+        void this.toggleDisabled(!this.property.disabled);
         event.consume();
       }, false);
       if (this.nameElement && this.valueElement) {
@@ -811,7 +811,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     }
     const revealCallback = this.navigateToSource.bind(this) as () => void;
     contextMenu.defaultSection().appendItem(i18nString(UIStrings.revealInSourcesPanel), revealCallback);
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private handleCopyContextMenuEvent(event: Event): void {
@@ -848,7 +848,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     });
 
     contextMenu.defaultSection().appendItem(i18nString(UIStrings.viewComputedValue), () => {
-      this.viewComputedValue();
+      void this.viewComputedValue();
     });
 
     contextMenu.clipboardSection().appendItem(
@@ -857,7 +857,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     contextMenu.defaultSection().appendItem(
         i18nString(UIStrings.copyAllCssDeclarationsAsJs), this.copyAllCssDeclarationAsJs.bind(this));
 
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private async viewComputedValue(): Promise<void> {
@@ -903,7 +903,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().propertyUILocation(
         this.property, propertyNameClicked);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, omitFocus);
+      void Common.Revealer.reveal(uiLocation, omitFocus);
     }
   }
 
@@ -1027,7 +1027,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       }
 
       const target = (event.target as HTMLElement);
-      this.editingCommitted(target.textContent || '', context, 'forward');
+      void this.editingCommitted(target.textContent || '', context, 'forward');
     }
 
     function blurListener(this: StylePropertyTreeElement, context: Context, event: Event): void {
@@ -1036,7 +1036,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
       if (!context.isEditingName) {
         text = this.value || text;
       }
-      this.editingCommitted(text || '', context, '');
+      void this.editingCommitted(text || '', context, '');
     }
 
     this.originalPropertyText = this.property.propertyText || '';
@@ -1050,7 +1050,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     this.prompt.setAutocompletionTimeout(0);
 
     this.prompt.addEventListener(UI.TextPrompt.Events.TextChanged, _event => {
-      this.applyFreeFlowStyleTextEdit(context);
+      void this.applyFreeFlowStyleTextEdit(context);
     });
 
     const invalidString = this.property.getInvalidStringForInvalidProperty();
@@ -1111,7 +1111,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
           break;
         case 'forward':
         case 'backward':
-          this.editingCommitted(target.textContent || '', context, result);
+          void this.editingCommitted(target.textContent || '', context, result);
           break;
       }
 
@@ -1149,7 +1149,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     if (isFieldInputTerminated) {
       // Enter or colon (for name)/semicolon outside of string (for value).
       event.consume(true);
-      this.editingCommitted(target.textContent || '', context, 'forward');
+      void this.editingCommitted(target.textContent || '', context, 'forward');
       return;
     }
   }
@@ -1161,7 +1161,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
 
     const enteredText = this.prompt.text();
     if (context.isEditingName && enteredText.includes(':')) {
-      this.editingCommitted(enteredText, context, 'forward');
+      void this.editingCommitted(enteredText, context, 'forward');
       return;
     }
 
@@ -1220,7 +1220,7 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     this.removePrompt();
 
     if (this.hasBeenEditedIncrementally) {
-      this.applyOriginalStyle(context);
+      void this.applyOriginalStyle(context);
     } else if (this.newProperty && this.treeOutline) {
       this.treeOutline.removeChild(this);
     }

package/front_end/panels/elements/StylesSidebarPane.ts

@@ -531,7 +531,7 @@ export class StylesSidebarPane extends Common.ObjectWrapper.eventMixin<EventType
     }
     contextMenu.footerSection().appendItem(
         'inspector-stylesheet', this.createNewRuleInViaInspectorStyleSheet.bind(this));
-    contextMenu.show();
+    void contextMenu.show();
 
     function compareDescriptors(
         descriptor1: {
@@ -609,7 +609,7 @@ export class StylesSidebarPane extends Common.ObjectWrapper.eventMixin<EventType
   }
 
   onResize(): void {
-    this.resizeThrottler.schedule(this.innerResize.bind(this));
+    void this.resizeThrottler.schedule(this.innerResize.bind(this));
   }
 
   private innerResize(): Promise<void> {
@@ -1001,7 +1001,7 @@ export class StylesSidebarPane extends Common.ObjectWrapper.eventMixin<EventType
     filterContainerElement.appendChild(filterInput);
     const toolbar = new UI.Toolbar.Toolbar('styles-pane-toolbar', hbox);
     toolbar.makeToggledGray();
-    toolbar.appendItemsAtLocation('styles-sidebarpane-toolbar');
+    void toolbar.appendItemsAtLocation('styles-sidebarpane-toolbar');
     this.toolbar = toolbar;
     const toolbarPaneContainer = container.createChild('div', 'styles-sidebar-toolbar-pane-container');
     const toolbarPaneContent = (toolbarPaneContainer.createChild('div', 'styles-sidebar-toolbar-pane') as HTMLElement);
@@ -1616,7 +1616,7 @@ export class StylePropertiesSection {
 
   private onFontEditorButtonClicked(): void {
     if (this.fontEditorSectionManager && this.fontEditorButton) {
-      this.fontEditorSectionManager.showPopover(this.fontEditorButton.element, this.parentPane);
+      void this.fontEditorSectionManager.showPopover(this.fontEditorButton.element, this.parentPane);
     }
   }
 
@@ -1837,7 +1837,7 @@ export class StylePropertiesSection {
       };
       this.queryListElement.append(containerQueryElement);
 
-      this.addContainerForContainerQuery(containerQuery);
+      void this.addContainerForContainerQuery(containerQuery);
     }
   }
 
@@ -1853,8 +1853,8 @@ export class StylePropertiesSection {
       queryName: containerQuery.name,
       onContainerLinkClick: (event): void => {
         event.preventDefault();
-        ElementsPanel.instance().revealAndSelectNode(container.containerNode, true, true);
-        container.containerNode.scrollIntoView();
+        void ElementsPanel.instance().revealAndSelectNode(container.containerNode, true, true);
+        void container.containerNode.scrollIntoView();
       },
     };
 
@@ -2159,7 +2159,7 @@ export class StylePropertiesSection {
       }
       const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().rawLocationToUILocation(location);
       if (uiLocation) {
-        Common.Revealer.reveal(uiLocation);
+        void Common.Revealer.reveal(uiLocation);
       }
       event.consume(true);
       return;
@@ -2231,7 +2231,7 @@ export class StylePropertiesSection {
     if (cssModel && query.styleSheetId) {
       const setQueryText =
           query instanceof SDK.CSSMedia.CSSMedia ? cssModel.setMediaText : cssModel.setContainerQueryText;
-      setQueryText.call(cssModel, query.styleSheetId, (query.range as TextUtils.TextRange.TextRange), newContent)
+      void setQueryText.call(cssModel, query.styleSheetId, (query.range as TextUtils.TextRange.TextRange), newContent)
           .then(userCallback.bind(this));
     }
   }
@@ -2282,7 +2282,7 @@ export class StylePropertiesSection {
       Host.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(allDeclarationText);
     });
 
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private navigateToSelectorSource(index: number, focus: boolean): void {
@@ -2306,7 +2306,7 @@ export class StylePropertiesSection {
   private static revealSelectorSource(rawLocation: SDK.CSSModel.CSSLocation, focus: boolean): void {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().rawLocationToUILocation(rawLocation);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, !focus);
+      void Common.Revealer.reveal(uiLocation, !focus);
     }
   }
 
@@ -2405,7 +2405,7 @@ export class StylePropertiesSection {
 
     // This gets deleted in finishOperationAndMoveEditor(), which is called both on success and failure.
     this.parentPane.setUserOperation(true);
-    this.setHeaderText(rule, newContent).then(headerTextCommitted.bind(this));
+    void this.setHeaderText(rule, newContent).then(headerTextCommitted.bind(this));
   }
 
   setHeaderText(rule: SDK.CSSRule.CSSRule, newContent: string): Promise<void> {
@@ -2563,7 +2563,7 @@ export class BlankStylePropertiesSection extends StylePropertiesSection {
     const cssModel = this.parentPane.cssModel();
     const ruleText = this.rulePrefix() + newContent + ' {}';
     if (cssModel) {
-      cssModel.addRule(this.styleSheetId, ruleText, this.ruleLocation).then(onRuleAdded.bind(this));
+      void cssModel.addRule(this.styleSheetId, ruleText, this.ruleLocation).then(onRuleAdded.bind(this));
     }
   }
 
@@ -2753,7 +2753,7 @@ export class CSSPropertyPrompt extends UI.TextPrompt.TextPrompt {
     function finishHandler(this: CSSPropertyPrompt, _originalValue: string, _replacementString: string): void {
       // Synthesize property text disregarding any comments, custom whitespace etc.
       if (this.treeElement.nameElement && this.treeElement.valueElement) {
-        this.treeElement.applyStyleText(
+        void this.treeElement.applyStyleText(
             this.treeElement.nameElement.textContent + ': ' + this.treeElement.valueElement.textContent, false);
       }
     }
@@ -3171,7 +3171,7 @@ export class ButtonProvider implements UI.Toolbar.Provider {
   }
 
   private clicked(): void {
-    StylesSidebarPane.instance().createNewRuleInViaInspectorStyleSheet();
+    void StylesSidebarPane.instance().createNewRuleInViaInspectorStyleSheet();
   }
 
   private longClicked(event: Event): void {

package/front_end/panels/elements/components/AccessibilityTreeNode.ts

@@ -65,7 +65,7 @@ export class AccessibilityTreeNode extends HTMLElement {
     this.#name = data.name;
     this.#role = data.role;
     this.#properties = data.properties;
-    this.#render();
+    void this.#render();
   }
 
   connectedCallback(): void {