chrome-devtools-frontend 1.0.954826 → 1.0.956060

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 {

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

@@ -63,7 +63,7 @@ export class ElementsBreadcrumbs extends HTMLElement {
     this.#selectedDOMNode = data.selectedNode;
     this.#crumbsData = data.crumbs;
     this.#userHasManuallyScrolled = false;
-    this.#update();
+    void this.#update();
   }
 
   disconnectedCallback(): void {
@@ -98,18 +98,18 @@ export class ElementsBreadcrumbs extends HTMLElement {
     if (totalCrumbsWidth >= totalContainingWidth && this.#overflowing === false) {
       this.#overflowing = true;
       this.#userScrollPosition = 'start';
-      this.#render();
+      void this.#render();
     } else if (totalCrumbsWidth < totalContainingWidth && this.#overflowing === true) {
       this.#overflowing = false;
       this.#userScrollPosition = 'start';
-      this.#render();
+      void this.#render();
     }
   }
 
   async #update(): Promise<void> {
     await this.#render();
     this.#engageResizeObserver();
-    this.#ensureSelectedNodeIsVisible();
+    void this.#ensureSelectedNodeIsVisible();
   }
 
   #onCrumbMouseMove(node: DOMNode): () => void {
@@ -175,7 +175,7 @@ export class ElementsBreadcrumbs extends HTMLElement {
         // We were overflowing, but now we have enough room, so re-render with
         // overflowing set to false so the overflow buttons get removed.
         this.#overflowing = false;
-        this.#render();
+        void this.#render();
       }
       return;
     }
@@ -184,7 +184,7 @@ export class ElementsBreadcrumbs extends HTMLElement {
     // as overflowing and re-render to update the UI.
     if (!this.#overflowing) {
       this.#overflowing = true;
-      this.#render();
+      void this.#render();
     }
   }
 
@@ -227,7 +227,7 @@ export class ElementsBreadcrumbs extends HTMLElement {
       this.#userScrollPosition = 'middle';
     }
 
-    this.#render();
+    void this.#render();
   }
 
   #onOverflowClick(direction: 'left'|'right'): () => void {
@@ -315,7 +315,7 @@ export class ElementsBreadcrumbs extends HTMLElement {
       // clang-format on
     });
 
-    this.#checkForOverflow();
+    void this.#checkForOverflow();
   }
 
   async #ensureSelectedNodeIsVisible(): Promise<void> {

package/front_end/panels/elements/elementsPanel.css

@@ -31,6 +31,7 @@
   flex: 1 1;
   overflow: auto;
   padding: 2px 0 0;
+  position: relative;
 }
 
 .style-panes-wrapper {

package/front_end/panels/elements/elementsTreeOutline.css

@@ -44,9 +44,13 @@
   min-width: 200px;
 }
 
+.elements-disclosure li.parent {
+  display: flex;
+}
+
 .elements-disclosure li.parent:not(.always-parent) {
   /** Keep it in sync with ElementsTreeElements.updateDecorations **/
-  margin-left: -13px;
+  margin-left: -12px;
 }
 
 .elements-disclosure li .selected-hint::before {
@@ -67,6 +71,7 @@
   user-select: none;
   -webkit-mask-image: var(--image-file-treeoutlineTriangles);
   -webkit-mask-size: 32px 24px;
+  height: 16px;
   content: "\A0\A0";
   color: transparent;
   text-shadow: none;

package/front_end/panels/emulation/DeviceModeToolbar.ts

@@ -663,7 +663,7 @@ export class DeviceModeToolbar {
     });
     addOrientation(EmulationModel.EmulatedDevices.Vertical, i18nString(UIStrings.portrait));
     addOrientation(EmulationModel.EmulatedDevices.Horizontal, i18nString(UIStrings.landscape));
-    contextMenu.show();
+    void contextMenu.show();
 
     function addOrientation(orientation: string, title: string): void {
       if (!device) {

package/front_end/panels/emulation/DeviceModeView.ts

@@ -580,11 +580,11 @@ export class Ruler extends UI.Widget.VBox {
 
   render(scale: number): void {
     this.scale = scale;
-    this.throttler.schedule(this.update.bind(this));
+    void this.throttler.schedule(this.update.bind(this));
   }
 
   onResize(): void {
-    this.throttler.schedule(this.update.bind(this));
+    void this.throttler.schedule(this.update.bind(this));
   }
 
   private update(): Promise<void> {

package/front_end/panels/emulation/DeviceModeWrapper.ts

@@ -66,11 +66,11 @@ export class DeviceModeWrapper extends UI.Widget.VBox {
     }
     this.deviceModeView.setNonEmulatedAvailableSize(this.inspectedPagePlaceholder.element);
     if (fullSize) {
-      this.deviceModeView.captureFullSizeScreenshot();
+      void this.deviceModeView.captureFullSizeScreenshot();
     } else if (clip) {
-      this.deviceModeView.captureAreaScreenshot(clip);
+      void this.deviceModeView.captureAreaScreenshot(clip);
     } else {
-      this.deviceModeView.captureScreenshot();
+      void this.deviceModeView.captureScreenshot();
     }
     return true;
   }
@@ -158,7 +158,7 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
             clip.height *= page_zoom;
             DeviceModeWrapper.instance().captureScreenshot(false, clip);
           }
-          captureClip();
+          void captureClip();
           return true;
         }
 

package/front_end/panels/emulation/MediaQueryInspector.ts

@@ -146,18 +146,18 @@ export class MediaQueryInspector extends UI.Widget.Widget implements
       subMenuItem.defaultSection().appendItem(
           title, this.revealSourceLocation.bind(this, (uiLocations.get(title) as Workspace.UISourceCode.UILocation)));
     }
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private revealSourceLocation(location: Workspace.UISourceCode.UILocation): void {
-    Common.Revealer.reveal(location);
+    void Common.Revealer.reveal(location);
   }
 
   private scheduleMediaQueriesUpdate(): void {
     if (!this.isShowing()) {
       return;
     }
-    this.mediaThrottler.schedule(this.refetchMediaQueries.bind(this));
+    void this.mediaThrottler.schedule(this.refetchMediaQueries.bind(this));
   }
 
   private refetchMediaQueries(): Promise<void> {

package/front_end/panels/event_listeners/EventListenersView.ts

@@ -349,17 +349,17 @@ export class ObjectEventListenerBar extends UI.TreeOutline.TreeElement {
       menu.defaultSection().appendCheckboxItem(
           i18nString(UIStrings.passive), this.togglePassiveListener.bind(this), this.eventListenerInternal.passive(),
           !this.eventListenerInternal.canTogglePassive());
-      menu.show();
+      void menu.show();
     });
   }
 
   private removeListener(): void {
     this.removeListenerBar();
-    this.eventListenerInternal.remove();
+    void this.eventListenerInternal.remove();
   }
 
   private togglePassiveListener(): void {
-    this.eventListenerInternal.togglePassive().then(() => this.changeCallback());
+    void this.eventListenerInternal.togglePassive().then(() => this.changeCallback());
   }
 
   private removeListenerBar(): void {

package/front_end/panels/input/InputModel.ts

@@ -107,9 +107,9 @@ export class InputModel extends SDK.SDKModel.SDKModel<void> {
     const eventData = this.dispatchEventDataList[this.dispatchingIndex];
     this.lastEventTime = eventData.timestamp;
     if (MOUSE_EVENT_TYPE_TO_REQUEST_TYPE.has(eventData.type)) {
-      this.dispatchMouseEvent(eventData as MouseEventData);
+      void this.dispatchMouseEvent(eventData as MouseEventData);
     } else if (KEYBOARD_EVENT_TYPE_TO_REQUEST_TYPE.has(eventData.type)) {
-      this.dispatchKeyEvent(eventData as KeyboardEventData);
+      void this.dispatchKeyEvent(eventData as KeyboardEventData);
     }
 
     ++this.dispatchingIndex;

package/front_end/panels/input/InputTimeline.ts

@@ -80,7 +80,7 @@ export class InputTimeline extends UI.Widget.VBox implements Timeline.TimelineLo
     this.loadButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, () => this.selectFileToLoad());
     this.saveButton = new UI.Toolbar.ToolbarButton(i18nString(UIStrings.saveProfile), 'largeicon-download');
     this.saveButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
-      this.saveToFile();
+      void this.saveToFile();
     });
     this.panelToolbar.appendSeparator();
     this.panelToolbar.appendToolbarItem(this.loadButton);
@@ -146,18 +146,18 @@ export class InputTimeline extends UI.Widget.VBox implements Timeline.TimelineLo
   toggleRecording(): void {
     switch (this.state) {
       case State.Recording: {
-        this.stopRecording();
+        void this.stopRecording();
         break;
       }
       case State.Idle: {
-        this.startRecording();
+        void this.startRecording();
         break;
       }
     }
   }
 
   startReplay(): void {
-    this.replayEvents();
+    void this.replayEvents();
   }
 
   toggleReplayPause(): void {
@@ -192,7 +192,7 @@ export class InputTimeline extends UI.Widget.VBox implements Timeline.TimelineLo
 
     const backingStorage = this.tracingModel.backingStorage() as Bindings.TempFile.TempFileBackingStorage;
     await backingStorage.writeToStream(stream);
-    stream.close();
+    void stream.close();
   }
 
   private selectFileToLoad(): void {
@@ -310,7 +310,7 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
 
   handleAction(context: UI.Context.Context, actionId: string): boolean {
     const inputViewId = 'Inputs';
-    UI.ViewManager.ViewManager.instance()
+    void UI.ViewManager.ViewManager.instance()
         .showView(inputViewId)
         .then(() => (UI.ViewManager.ViewManager.instance().view(inputViewId) as UI.View.View).widget())
         .then(widget => this.innerHandleAction(widget as InputTimeline, actionId));

package/front_end/panels/issues/AffectedCookiesView.ts

@@ -69,7 +69,7 @@ export class AffectedCookiesView extends AffectedResourcesView {
     if (hasAssociatedRequest) {
       name.appendChild(UI.UIUtils.createTextButton(cookie.name, () => {
         Host.userMetrics.issuesPanelResourceOpened(this.issue.getCategory(), AffectedItem.Cookie);
-        Common.Revealer.reveal(NetworkForward.UIFilter.UIRequestFilter.filters([
+        void Common.Revealer.reveal(NetworkForward.UIFilter.UIRequestFilter.filters([
           {
             filterType: NetworkForward.UIFilter.FilterType.CookieDomain,
             filterValue: cookie.domain,
@@ -115,7 +115,7 @@ export class AffectedRawCookieLinesView extends AffectedResourcesView {
       if (cookie.hasRequest) {
         const cookieLine = document.createElement('td');
         const textButton = UI.UIUtils.createTextButton(cookie.rawCookieLine, () => {
-          Common.Revealer.reveal(NetworkForward.UIFilter.UIRequestFilter.filters([
+          void Common.Revealer.reveal(NetworkForward.UIFilter.UIRequestFilter.filters([
             {
               filterType: NetworkForward.UIFilter.FilterType.ResponseHeaderValueSetCookie,
               filterValue: cookie.rawCookieLine,

package/front_end/panels/issues/AffectedDirectivesView.ts

@@ -98,7 +98,7 @@ export class AffectedDirectivesView extends AffectedResourcesView {
         if (target) {
           Host.userMetrics.issuesPanelResourceOpened(this.issue.getCategory(), AffectedItem.Element);
           const deferredDOMNode = new SDK.DOMModel.DeferredDOMNode(target, violatingNodeId);
-          Common.Revealer.reveal(deferredDOMNode);
+          void Common.Revealer.reveal(deferredDOMNode);
         }
       };
 

package/front_end/panels/issues/AffectedElementsView.ts

@@ -39,6 +39,6 @@ export class AffectedElementsView extends AffectedResourcesView {
 
   update(): void {
     this.clear();
-    this.#appendAffectedElements(this.issue.elements());
+    void this.#appendAffectedElements(this.issue.elements());
   }
 }

package/front_end/panels/issues/AffectedResourcesView.ts

@@ -187,7 +187,7 @@ export abstract class AffectedResourcesView extends UI.TreeOutline.TreeElement {
         if (frame) {
           const ownerNode = await frame.getOwnerDOMNodeOrDocument();
           if (ownerNode) {
-            Common.Revealer.reveal(ownerNode);
+            void Common.Revealer.reveal(ownerNode);
           }
         }
       };
@@ -198,7 +198,7 @@ export abstract class AffectedResourcesView extends UI.TreeOutline.TreeElement {
     frameCell.onmouseenter = (): void => {
       const frame = SDK.FrameManager.FrameManager.instance().getFrame(frameId);
       if (frame) {
-        frame.highlight();
+        void frame.highlight();
       }
     };
     frameCell.onmouseleave = (): void => SDK.OverlayModel.OverlayModel.hideDOMNodeHighlight();

package/front_end/panels/issues/AttributionReportingIssueDetailsView.ts

@@ -156,7 +156,7 @@ export class AttributionReportingIssueDetailsView extends AffectedResourcesView
     let count = 0;
     for (const issue of issues) {
       count++;
-      this.#appendDetail(issueCode, issue);
+      void this.#appendDetail(issueCode, issue);
     }
     this.updateAffectedResourceCount(count);
   }