chrome-devtools-frontend 1.0.955092 → 1.0.956812

package/front_end/ui/components/docs/tree_outline/basic.ts

@@ -31,8 +31,8 @@ component.addEventListener('treenodemouseout', (event: Event) => {
 
 document.getElementById('container')?.appendChild(component);
 document.getElementById('recursively-expand')?.addEventListener('click', () => {
-  component.expandRecursively();
+  void component.expandRecursively();
 });
 document.getElementById('expand-to-belgrave-house')?.addEventListener('click', () => {
-  component.expandToAndSelectTreeNode(belgraveHouse);
+  void component.expandToAndSelectTreeNode(belgraveHouse);
 });

package/front_end/ui/components/docs/tree_outline/custom-renderers.ts

@@ -55,5 +55,5 @@ component.data = data;
 
 document.getElementById('container')?.appendChild(component);
 document.getElementById('recursively-expand')?.addEventListener('click', () => {
-  component.expandRecursively();
+  void component.expandRecursively();
 });

package/front_end/ui/components/docs/tree_outline/lazy-children.ts

@@ -87,5 +87,5 @@ component.data = data;
 
 document.getElementById('container')?.appendChild(component);
 document.getElementById('recursively-expand')?.addEventListener('click', () => {
-  component.expandRecursively();
+  void component.expandRecursively();
 });

package/front_end/ui/components/helpers/scheduled-render.ts

@@ -51,7 +51,7 @@ export async function scheduleRender(component: HTMLElement, callback: () => voi
       return;
     }
 
-    scheduleRender(component, newCallback);
+    void scheduleRender(component, newCallback);
   }
 }
 

package/front_end/ui/components/icon_button/Icon.ts

@@ -105,7 +105,7 @@ export class Icon extends HTMLElement {
   }
 
   #render(): void {
-    coordinator.write(() => {
+    void coordinator.write(() => {
       // clang-format off
       LitHtml.render(LitHtml.html`
         <div class="icon-basic" style=${LitHtml.Directives.styleMap(this.#getStyles())}></div>

package/front_end/ui/components/issue_counter/IssueCounter.ts

@@ -97,7 +97,7 @@ export class IssueCounter extends HTMLElement {
 
   scheduleUpdate(): void {
     if (this.#throttler) {
-      this.#throttler.schedule(async () => this.#render());
+      void this.#throttler.schedule(async () => this.#render());
     } else {
       this.#render();
     }

package/front_end/ui/components/issue_counter/IssueLinkIcon.ts

@@ -80,7 +80,7 @@ export class IssueLinkIcon extends HTMLElement {
     } else {
       this.#issueTitlePromise = this.#fetchIssueTitle();
     }
-    this.#render();
+    void this.#render();
   }
 
   async #fetchIssueTitle(): Promise<void> {
@@ -133,7 +133,7 @@ export class IssueLinkIcon extends HTMLElement {
       return;  // Only handle left-click for now.
     }
     if (this.#issue) {
-      this.#reveal(this.#issue);
+      void this.#reveal(this.#issue);
     }
     this.#additionalOnClickAction?.();
   }

package/front_end/ui/components/linear_memory_inspector/LinearMemoryInspectorController.ts

@@ -168,7 +168,7 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
 
     if (this.#bufferIdToRemoteObject.has(id)) {
       this.#paneInstance.reveal(id, address);
-      UI.ViewManager.ViewManager.instance().showView('linear-memory-inspector');
+      void UI.ViewManager.ViewManager.instance().showView('linear-memory-inspector');
       return;
     }
 
@@ -177,7 +177,7 @@ export class LinearMemoryInspectorController extends SDK.TargetManager.SDKModelO
     const arrayBufferWrapper = new RemoteArrayBufferWrapper(buffer);
 
     this.#paneInstance.create(id, title, arrayBufferWrapper, address);
-    UI.ViewManager.ViewManager.instance().showView('linear-memory-inspector');
+    void UI.ViewManager.ViewManager.instance().showView('linear-memory-inspector');
   }
 
   modelRemoved(model: SDK.RuntimeModel.RuntimeModel): void {

package/front_end/ui/components/linear_memory_inspector/LinearMemoryInspectorPane.ts

@@ -167,7 +167,10 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
   }
 
   refreshData(): void {
-    LinearMemoryInspectorController.getMemoryForAddress(this.#memoryWrapper, this.#address).then(({memory, offset}) => {
+    void LinearMemoryInspectorController.getMemoryForAddress(this.#memoryWrapper, this.#address).then(({
+                                                                                                        memory,
+                                                                                                        offset,
+                                                                                                      }) => {
       let valueTypes;
       let valueTypeModes;
       let endianness;
@@ -196,7 +199,7 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
       throw new Error('Requested address is out of bounds.');
     }
 
-    LinearMemoryInspectorController.getMemoryRange(this.#memoryWrapper, start, end).then(memory => {
+    void LinearMemoryInspectorController.getMemoryRange(this.#memoryWrapper, start, end).then(memory => {
       this.#inspector.data = {
         memory: memory,
         address: address,

package/front_end/ui/components/linkifier/LinkifierImpl.ts

@@ -45,7 +45,7 @@ export class Linkifier extends HTMLElement {
       throw new Error('Cannot construct a Linkifier without providing a valid string URL.');
     }
 
-    this.#render();
+    void this.#render();
   }
 
   connectedCallback(): void {

package/front_end/ui/components/panel_feedback/FeedbackButton.ts

@@ -34,7 +34,7 @@ export class FeedbackButton extends HTMLElement {
 
   set data(data: FeedbackButtonData) {
     this.#props = data;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   #onFeedbackClick(): void {

package/front_end/ui/components/panel_feedback/PanelFeedback.ts

@@ -56,7 +56,7 @@ export class PanelFeedback extends HTMLElement {
 
   set data(data: PanelFeedbackData) {
     this.#props = data;
-    ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
+    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#boundRender);
   }
 
   #render(): void {

package/front_end/ui/components/request_link_icon/RequestLinkIcon.ts

@@ -86,7 +86,7 @@ export class RequestLinkIcon extends HTMLElement {
     if (!this.#request && data.affectedRequest) {
       this.#requestResolvedPromise = this.#resolveRequest(data.affectedRequest.requestId);
     }
-    this.#render();
+    void this.#render();
   }
 
   connectedCallback(): void {
@@ -147,11 +147,11 @@ export class RequestLinkIcon extends HTMLElement {
     if (this.#highlightHeader) {
       const requestLocation = NetworkForward.UIRequestLocation.UIRequestLocation.header(
           linkedRequest, this.#highlightHeader.section, this.#highlightHeader.name);
-      this.#reveal(requestLocation);
+      void this.#reveal(requestLocation);
     } else {
       const requestLocation = NetworkForward.UIRequestLocation.UIRequestLocation.tab(
           linkedRequest, this.#networkTab ?? NetworkForward.UIRequestLocation.UIRequestTabs.Headers);
-      this.#reveal(requestLocation);
+      void this.#reveal(requestLocation);
     }
     this.#additionalOnClickAction?.();
   }

package/front_end/ui/components/text_editor/cursor_tooltip.ts

@@ -57,7 +57,7 @@ export function cursorTooltip(
       const {main} = view.state.selection;
       if (main.empty) {
         const {updateID} = this;
-        source(view.state, main.from).then(tooltip => {
+        void source(view.state, main.from).then(tooltip => {
           if (this.updateID !== updateID) {
             if (this.pending < 0) {
               this.scheduleUpdate(view);

package/front_end/ui/components/text_editor/javascript.ts

@@ -18,11 +18,11 @@ export function completion(): CodeMirror.Extension {
 export async function completeInContext(
     textBefore: string, query: string, force: boolean = false): Promise<UI.SuggestBox.Suggestions> {
   const state = CodeMirror.EditorState.create({
-    doc: textBefore,
+    doc: textBefore + query,
     selection: {anchor: textBefore.length},
     extensions: CodeMirror.javascript.javascriptLanguage,
   });
-  const result = await javascriptCompletionSource(new CodeMirror.CompletionContext(state, textBefore.length, force));
+  const result = await javascriptCompletionSource(new CodeMirror.CompletionContext(state, state.doc.length, force));
   return result ?
       result.options.filter((o): boolean => o.label.startsWith(query)).map((o): UI.SuggestBox.Suggestion => ({
                                                                              text: o.label,

package/front_end/ui/components/tree_outline/TreeOutline.ts

@@ -153,7 +153,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
     if (!this.#hasRenderedAtLeastOnce) {
       this.#selectedTreeNode = this.#treeData[0];
     }
-    this.#render();
+    void this.#render();
   }
 
   /**
@@ -298,7 +298,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
       event.stopPropagation();
       if (isExpandableNode(node)) {
         this.#setNodeExpandedState(node, !this.#nodeIsExpanded(node));
-        this.#render();
+        void this.#render();
       }
     };
   }
@@ -312,7 +312,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
     if (nodeClickExpandsOrContracts && node && isExpandableNode(node)) {
       this.#setNodeExpandedState(node, !this.#nodeIsExpanded(node));
     }
-    this.#focusTreeNode(domNode);
+    void this.#focusTreeNode(domNode);
   }
 
   async #focusTreeNode(domNode: HTMLLIElement): Promise<void> {
@@ -323,7 +323,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
     this.#selectedTreeNode = treeNode;
     await this.#render();
     this.dispatchEvent(new ItemSelectedEvent(treeNode));
-    coordinator.write('DOMNode focus', () => {
+    void coordinator.write('DOMNode focus', () => {
       domNode.focus();
     });
   }
@@ -332,7 +332,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
     if (key === 'Home') {
       const firstRootNode = this.#shadow.querySelector<HTMLLIElement>('ul[role="tree"] > li[role="treeitem"]');
       if (firstRootNode) {
-        this.#focusTreeNode(firstRootNode);
+        void this.#focusTreeNode(firstRootNode);
       }
     } else if (key === 'End') {
       /**
@@ -347,7 +347,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
       const allTreeItems = this.#shadow.querySelectorAll<HTMLLIElement>('li[role="treeitem"]');
       const lastTreeItem = allTreeItems[allTreeItems.length - 1];
       if (lastTreeItem) {
-        this.#focusTreeNode(lastTreeItem);
+        void this.#focusTreeNode(lastTreeItem);
       }
     }
   }
@@ -376,7 +376,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
     if (isExpandableNode(currentTreeNode)) {
       const currentExpandedState = this.#nodeIsExpanded(currentTreeNode);
       this.#setNodeExpandedState(currentTreeNode, !currentExpandedState);
-      this.#render();
+      void this.#render();
     }
   }
 
@@ -399,7 +399,7 @@ export class TreeOutline<TreeNodeDataType> extends HTMLElement {
 
   #focusPendingNode(domNode: HTMLLIElement): void {
     this.#nodeIdPendingFocus = null;
-    this.#focusTreeNode(domNode);
+    void this.#focusTreeNode(domNode);
   }
 
   #isSelectedNode(node: TreeNode<TreeNodeDataType>): boolean {

package/front_end/ui/legacy/Context.ts

@@ -52,7 +52,7 @@ export class Context {
   private dispatchFlavorChange<T>(flavorType: ConstructorFn<T>, flavorValue: T|null): void {
     for (const extension of getRegisteredListeners()) {
       if (extension.contextTypes().includes(flavorType)) {
-        extension.loadListener().then(instance => instance.flavorChanged(flavorValue));
+        void extension.loadListener().then(instance => instance.flavorChanged(flavorValue));
       }
     }
     const dispatcher = this.eventDispatchers.get(flavorType);

package/front_end/ui/legacy/ContextMenu.ts

@@ -388,7 +388,7 @@ export class ContextMenu extends SubMenu {
 
     function handler(event: Event): void {
       const contextMenu = new ContextMenu(event);
-      contextMenu.show();
+      void contextMenu.show();
     }
   }
 

package/front_end/ui/legacy/GlassPane.ts

@@ -56,7 +56,6 @@ export class GlassPane {
   }
 
   registerRequiredCSS(cssFile: {cssContent: string}): void {
-    // eslint-disable-next-line no-restricted-syntax -- Should import styles https://crbug.com/1106746
     this.widgetInternal.registerRequiredCSS(cssFile);
   }
 

package/front_end/ui/legacy/InspectorView.ts

@@ -198,7 +198,7 @@ export class InspectorView extends VBox implements ViewLocationResolver {
         Host.InspectorFrontendHostAPI.Events.ShowPanel, showPanel.bind(this));
 
     function showPanel(this: InspectorView, {data: panelName}: Common.EventTarget.EventTargetEvent<string>): void {
-      this.showPanel(panelName);
+      void this.showPanel(panelName);
     }
 
     if (shouldShowLocaleInfobar()) {
@@ -375,7 +375,7 @@ export class InspectorView extends VBox implements ViewLocationResolver {
         const panelName = this.tabbedPane.tabIds()[panelIndex];
         if (panelName) {
           if (!Dialog.hasInstance() && !this.currentPanelLocked) {
-            this.showPanel(panelName);
+            void this.showPanel(panelName);
           }
           event.consume(true);
         }
@@ -478,7 +478,6 @@ function shouldShowLocaleInfobar(): boolean {
 function createLocaleInfobar(): Infobar {
   const devtoolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance();
   const closestSupportedLocale = devtoolsLocale.lookupClosestDevToolsLocale(navigator.language);
-  // @ts-ignore TODO(crbug.com/1163928) Wait for Intl support.
   const locale = new Intl.Locale(closestSupportedLocale);
   const closestSupportedLanguageInCurrentLocale =
       new Intl.DisplayNames([devtoolsLocale.locale], {type: 'language'}).of(locale.language || 'en');

package/front_end/ui/legacy/PopoverHelper.ts

@@ -197,7 +197,7 @@ export class PopoverHelper {
     if (!request) {
       return;
     }
-    request.show.call(null, popover).then(success => {
+    void request.show.call(null, popover).then(success => {
       if (!success) {
         return;
       }

package/front_end/ui/legacy/ResizerWidget.ts

@@ -38,7 +38,7 @@ export class ResizerWidget extends Common.ObjectWrapper.ObjectWrapper<EventTypes
   addElement(element: HTMLElement): void {
     if (!this.elementsInternal.has(element)) {
       this.elementsInternal.add(element);
-      element.addEventListener('mousedown', this.installDragOnMouseDownBound, false);
+      element.addEventListener('pointerdown', this.installDragOnMouseDownBound, false);
       this.updateElementCursor(element);
     }
   }
@@ -46,7 +46,7 @@ export class ResizerWidget extends Common.ObjectWrapper.ObjectWrapper<EventTypes
   removeElement(element: HTMLElement): void {
     if (this.elementsInternal.has(element)) {
       this.elementsInternal.delete(element);
-      element.removeEventListener('mousedown', this.installDragOnMouseDownBound, false);
+      element.removeEventListener('pointerdown', this.installDragOnMouseDownBound, false);
       element.style.removeProperty('cursor');
     }
   }
@@ -58,8 +58,10 @@ export class ResizerWidget extends Common.ObjectWrapper.ObjectWrapper<EventTypes
   private updateElementCursor(element: HTMLElement): void {
     if (this.isEnabledInternal) {
       element.style.setProperty('cursor', this.cursor());
+      element.style.setProperty('touch-action', 'none');
     } else {
       element.style.removeProperty('cursor');
+      element.style.removeProperty('touch-action');
     }
   }
 

package/front_end/ui/legacy/ShortcutRegistry.ts

@@ -137,7 +137,7 @@ export class ShortcutRegistry {
   handleShortcut(event: KeyboardEvent, handlers?: {
     [x: string]: () => Promise<boolean>,
   }): void {
-    this.handleKey(KeyboardShortcut.makeKeyFromEvent(event), event.key, event, handlers);
+    void this.handleKey(KeyboardShortcut.makeKeyFromEvent(event), event.key, event, handlers);
   }
 
   actionHasDefaultShortcut(actionId: string): boolean {

package/front_end/ui/legacy/SoftDropDown.ts

@@ -4,6 +4,7 @@
 
 import type * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
+import * as ThemeSupport from './theme_support/theme_support.js';
 import * as Utils from './utils/utils.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
@@ -48,7 +49,7 @@ export class SoftDropDown<T> implements ListDelegate<T> {
 
     this.element = document.createElement('button');
     this.element.classList.add('soft-dropdown');
-    Utils.appendStyle(this.element, softDropDownButtonStyles);
+    ThemeSupport.ThemeSupport.instance().appendStyle(this.element, softDropDownButtonStyles);
     this.titleElement = this.element.createChild('span', 'title');
     const dropdownArrowIcon = Icon.create('smallicon-triangle-down');
     this.element.appendChild(dropdownArrowIcon);

package/front_end/ui/legacy/TabbedPane.ts

@@ -632,7 +632,7 @@ export class TabbedPane extends Common.ObjectWrapper.eventMixin<EventTypes, type
         menu.defaultSection().appendItem(tab.title, this.dropDownMenuItemSelected.bind(this, tab));
       }
     }
-    menu.show();
+    void menu.show();
   }
 
   private dropDownKeydown(event: Event): void {
@@ -1250,7 +1250,7 @@ export class TabbedPaneTab {
     if (this.delegate) {
       this.delegate.onContextMenu(this.id, contextMenu);
     }
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private startTabDragging(ev: Event): boolean {

package/front_end/ui/legacy/TextPrompt.ts

@@ -37,7 +37,7 @@ import * as Platform from '../../core/platform/platform.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
-import * as Utils from './utils/utils.js';
+import * as ThemeSupport from './theme_support/theme_support.js';
 
 import type {SuggestBoxDelegate, Suggestion} from './SuggestBox.js';
 import {SuggestBox} from './SuggestBox.js';
@@ -136,7 +136,7 @@ export class TextPrompt extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
     this.boundOnMouseWheel = this.onMouseWheel.bind(this);
     this.boundClearAutocomplete = this.clearAutocomplete.bind(this);
     this.proxyElement = element.ownerDocument.createElement('span');
-    Utils.appendStyle(this.proxyElement, textPromptStyles);
+    ThemeSupport.ThemeSupport.instance().appendStyle(this.proxyElement, textPromptStyles);
     this.contentElement = this.proxyElement.createChild('div', 'text-prompt-root');
     this.proxyElement.style.display = this.proxyElementDisplay;
     if (element.parentElement) {

package/front_end/ui/legacy/ThrottledWidget.ts

@@ -24,7 +24,7 @@ export class ThrottledWidget extends VBox {
     if (this.updateWhenVisible) {
       return;
     }
-    this.updateThrottler.schedule(() => {
+    void this.updateThrottler.schedule(() => {
       if (this.isShowing()) {
         return this.doUpdate();
       }

package/front_end/ui/legacy/Toolbar.ts

@@ -225,13 +225,13 @@ export class Toolbar {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       data: any,
     }): void => {
-      action.execute();
+      void action.execute();
     };
     if (options.userActionCode) {
       const actionCode = options.userActionCode;
       handler = (): void => {
         Host.userMetrics.actionTaken(actionCode);
-        action.execute();
+        void action.execute();
       };
     }
     button.addEventListener(ToolbarButton.Events.Click, handler, action);
@@ -814,7 +814,7 @@ export class ToolbarMenuButton extends ToolbarButton {
       y: this.element.totalOffsetTop() + this.element.offsetHeight,
     });
     this.contextMenuHandler(contextMenu);
-    contextMenu.show();
+    void contextMenu.show();
     this.lastTriggerTime = Date.now();
   }
 

package/front_end/ui/legacy/Treeoutline.ts

@@ -37,6 +37,7 @@ import * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
 
 import * as ARIAUtils from './ARIAUtils.js';
+import * as ThemeSupport from './theme_support/theme_support.js';
 import * as Utils from './utils/utils.js';
 
 import type {Icon} from './Icon.js';
@@ -400,7 +401,7 @@ export class TreeOutlineInShadow extends TreeOutline {
   }
 
   registerRequiredCSS(cssFile: {cssContent: string}): void {
-    Utils.appendStyle(this.shadowRoot, cssFile);
+    ThemeSupport.ThemeSupport.instance().appendStyle(this.shadowRoot, cssFile);
   }
 
   registerCSSFiles(cssFiles: CSSStyleSheet[]): void {
@@ -432,7 +433,6 @@ export class TreeElement {
   private readonly boundOnFocus: () => void;
   private readonly boundOnBlur: () => void;
   readonly listItemNode: HTMLLIElement;
-  readonly contentNode: HTMLElement;
   titleElement: Node;
   titleInternal: string|Node;
   private childrenInternal: TreeElement[]|null;
@@ -459,10 +459,8 @@ export class TreeElement {
     this.boundOnFocus = this.onFocus.bind(this);
     this.boundOnBlur = this.onBlur.bind(this);
     this.listItemNode = document.createElement('li');
-    this.contentNode = this.listItemElement.createChild('div');
-    this.contentNode.classList.add('tree-element-content');
 
-    this.titleElement = this.contentNode.createChild('span', 'tree-element-title');
+    this.titleElement = this.listItemNode.createChild('span', 'tree-element-title');
     treeElementBylistItemNode.set(this.listItemNode, this);
     this.titleInternal = '';
     if (title) {
@@ -732,10 +730,6 @@ export class TreeElement {
     return this.listItemNode;
   }
 
-  get contentElement(): HTMLElement {
-    return this.contentNode;
-  }
-
   get childrenListElement(): HTMLOListElement {
     return this.childrenListNode;
   }
@@ -758,13 +752,13 @@ export class TreeElement {
       this.tooltip = '';
     }
 
-    this.contentNode.removeChildren();
+    this.listItemNode.removeChildren();
     if (this.leadingIconsElement) {
-      this.contentNode.appendChild(this.leadingIconsElement);
+      this.listItemNode.appendChild(this.leadingIconsElement);
     }
-    this.contentNode.appendChild(this.titleElement);
+    this.listItemNode.appendChild(this.titleElement);
     if (this.trailingIconsElement) {
-      this.contentNode.appendChild(this.trailingIconsElement);
+      this.listItemNode.appendChild(this.trailingIconsElement);
     }
     this.ensureSelection();
   }
@@ -794,7 +788,7 @@ export class TreeElement {
       this.leadingIconsElement = document.createElement('div');
       this.leadingIconsElement.classList.add('leading-icons');
       this.leadingIconsElement.classList.add('icons-container');
-      this.contentNode.insertBefore(this.leadingIconsElement, this.titleElement);
+      this.listItemNode.insertBefore(this.leadingIconsElement, this.titleElement);
       this.ensureSelection();
     }
     this.leadingIconsElement.removeChildren();
@@ -811,7 +805,7 @@ export class TreeElement {
       this.trailingIconsElement = document.createElement('div');
       this.trailingIconsElement.classList.add('trailing-icons');
       this.trailingIconsElement.classList.add('icons-container');
-      this.contentNode.appendChild(this.trailingIconsElement);
+      this.listItemNode.appendChild(this.trailingIconsElement);
       this.ensureSelection();
     }
     this.trailingIconsElement.removeChildren();
@@ -931,7 +925,7 @@ export class TreeElement {
       }
     } else {
       if (event.altKey) {
-        this.expandRecursively();
+        void this.expandRecursively();
       } else {
         this.expand();
       }
@@ -1027,7 +1021,7 @@ export class TreeElement {
 
     this.expanded = true;
 
-    this.populateIfNeeded();
+    void this.populateIfNeeded();
     this.listItemNode.classList.add('expanded');
     this.childrenListNode.classList.add('expanded');
     ARIAUtils.setExpanded(this.listItemNode, true);
@@ -1100,7 +1094,7 @@ export class TreeElement {
 
     if (!this.expanded) {
       if (altKey) {
-        this.expandRecursively();
+        void this.expandRecursively();
       } else {
         this.expand();
       }
@@ -1299,7 +1293,7 @@ export class TreeElement {
     depthChange: number,
   }): TreeElement|null {
     if (!dontPopulate) {
-      this.populateIfNeeded();
+      void this.populateIfNeeded();
     }
 
     if (info) {
@@ -1345,14 +1339,14 @@ export class TreeElement {
     let element: (TreeElement|null) =
         skipUnrevealed ? (this.revealed() ? this.previousSibling : null) : this.previousSibling;
     if (!dontPopulate && element) {
-      element.populateIfNeeded();
+      void element.populateIfNeeded();
     }
 
     while (element &&
            (skipUnrevealed ? (element.revealed() && element.expanded ? element.lastChild() : null) :
                              element.lastChild())) {
       if (!dontPopulate) {
-        element.populateIfNeeded();
+        void element.populateIfNeeded();
       }
       element =
           (skipUnrevealed ? (element.revealed() && element.expanded ? element.lastChild() : null) :