chrome-devtools-frontend 1.0.955092 → 1.0.956812

package/front_end/ui/legacy/UIUtils.ts

@@ -33,7 +33,6 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-import type * as Common from '../../core/common/common.js';
 import * as DOMExtension from '../../core/dom_extension/dom_extension.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
@@ -46,7 +45,6 @@ import {Size} from './Geometry.js';
 import {GlassPane, PointerEventsBehavior, SizeBehavior} from './GlassPane.js';
 import {Icon} from './Icon.js';
 import {KeyboardShortcut} from './KeyboardShortcut.js';
-import * as ThemeSupport from './theme_support/theme_support.js';
 import * as Utils from './utils/utils.js';
 
 import type {ToolbarButton} from './Toolbar.js';
@@ -141,9 +139,9 @@ export function installDragHandle(
   }
 
   let startTimer: number|null;
-  element.addEventListener('mousedown', onMouseDown, false);
+  element.addEventListener('pointerdown', onMouseDown, false);
   if (startDelay) {
-    element.addEventListener('mouseup', onMouseUp, false);
+    element.addEventListener('pointerup', onMouseUp, false);
   }
   if (hoverCursor !== null) {
     (element as HTMLElement).style.cursor = hoverCursor || cursor || '';
@@ -233,12 +231,12 @@ class DragHandler {
       this.dragEventsTargetDocumentTop = this.dragEventsTargetDocument;
     }
 
-    targetDocument.addEventListener('mousemove', this.elementDragMove, true);
-    targetDocument.addEventListener('mouseup', this.elementDragEnd, true);
+    targetDocument.addEventListener('pointermove', this.elementDragMove, true);
+    targetDocument.addEventListener('pointerup', this.elementDragEnd, true);
     DragHandler.rootForMouseOut &&
-        DragHandler.rootForMouseOut.addEventListener('mouseout', this.mouseOutWhileDragging, {capture: true});
+        DragHandler.rootForMouseOut.addEventListener('pointerout', this.mouseOutWhileDragging, {capture: true});
     if (this.dragEventsTargetDocumentTop && targetDocument !== this.dragEventsTargetDocumentTop) {
-      this.dragEventsTargetDocumentTop.addEventListener('mouseup', this.elementDragEnd, true);
+      this.dragEventsTargetDocumentTop.addEventListener('pointerup', this.elementDragEnd, true);
     }
 
     const targetHtmlElement = (targetElement as HTMLElement);
@@ -264,17 +262,17 @@ class DragHandler {
     if (!DragHandler.rootForMouseOut) {
       return;
     }
-    DragHandler.rootForMouseOut.removeEventListener('mouseout', this.mouseOutWhileDragging, {capture: true});
+    DragHandler.rootForMouseOut.removeEventListener('pointerout', this.mouseOutWhileDragging, {capture: true});
   }
 
   private unregisterDragEvents(): void {
     if (!this.dragEventsTargetDocument) {
       return;
     }
-    this.dragEventsTargetDocument.removeEventListener('mousemove', this.elementDragMove, true);
-    this.dragEventsTargetDocument.removeEventListener('mouseup', this.elementDragEnd, true);
+    this.dragEventsTargetDocument.removeEventListener('pointermove', this.elementDragMove, true);
+    this.dragEventsTargetDocument.removeEventListener('pointerup', this.elementDragEnd, true);
     if (this.dragEventsTargetDocumentTop && this.dragEventsTargetDocument !== this.dragEventsTargetDocumentTop) {
-      this.dragEventsTargetDocumentTop.removeEventListener('mouseup', this.elementDragEnd, true);
+      this.dragEventsTargetDocumentTop.removeEventListener('pointerup', this.elementDragEnd, true);
     }
     delete this.dragEventsTargetDocument;
     delete this.dragEventsTargetDocumentTop;
@@ -993,9 +991,9 @@ export class LongClickController {
 
     this.element.addEventListener('keydown', boundKeyDown, false);
     this.element.addEventListener('keyup', boundKeyUp, false);
-    this.element.addEventListener('mousedown', boundMouseDown, false);
-    this.element.addEventListener('mouseout', boundReset, false);
-    this.element.addEventListener('mouseup', boundMouseUp, false);
+    this.element.addEventListener('pointerdown', boundMouseDown, false);
+    this.element.addEventListener('pointerout', boundReset, false);
+    this.element.addEventListener('pointerup', boundMouseUp, false);
     this.element.addEventListener('click', boundReset, true);
 
     this.longClickData = {mouseUp: boundMouseUp, mouseDown: boundMouseDown, reset: boundReset};
@@ -1033,9 +1031,9 @@ export class LongClickController {
     if (!this.longClickData) {
       return;
     }
-    this.element.removeEventListener('mousedown', this.longClickData.mouseDown, false);
-    this.element.removeEventListener('mouseout', this.longClickData.reset, false);
-    this.element.removeEventListener('mouseup', this.longClickData.mouseUp, false);
+    this.element.removeEventListener('poinerdown', this.longClickData.mouseDown, false);
+    this.element.removeEventListener('pointerout', this.longClickData.reset, false);
+    this.element.removeEventListener('pointerup', this.longClickData.mouseUp, false);
     this.element.addEventListener('click', this.longClickData.reset, true);
     delete this.longClickData;
   }
@@ -1043,7 +1041,7 @@ export class LongClickController {
   static readonly TIME_MS = 200;
 }
 
-export function initializeUIUtils(document: Document, themeSetting: Common.Settings.Setting<string>): void {
+export function initializeUIUtils(document: Document): void {
   document.body.classList.toggle('inactive', !document.hasFocus());
   if (document.defaultView) {
     document.defaultView.addEventListener('focus', windowFocused.bind(undefined, document), false);
@@ -1051,11 +1049,6 @@ export function initializeUIUtils(document: Document, themeSetting: Common.Setti
   }
   document.addEventListener('focus', Utils.focusChanged.bind(undefined), true);
 
-  if (!ThemeSupport.ThemeSupport.hasInstance()) {
-    ThemeSupport.ThemeSupport.instance({forceNew: true, setting: themeSetting});
-  }
-  ThemeSupport.ThemeSupport.instance().applyTheme(document);
-
   const body = (document.body as Element);
   GlassPane.setContainer(body);
 }

package/front_end/ui/legacy/ViewManager.ts

@@ -15,7 +15,7 @@ import type {ToolbarItem} from './Toolbar.js';
 import {Toolbar, ToolbarMenuButton} from './Toolbar.js';
 import {createTextChild} from './UIUtils.js';
 import type {TabbedViewLocation, View, ViewLocation, ViewLocationResolver} from './View.js';
-import {getRegisteredLocationResolvers, getRegisteredViewExtensions, maybeRemoveViewExtension, registerLocationResolver, registerViewExtension, ViewLocationCategoryValues, ViewLocationValues, ViewPersistence, ViewRegistration} from './ViewRegistration.js';
+import {getRegisteredLocationResolvers, getRegisteredViewExtensions, maybeRemoveViewExtension, registerLocationResolver, registerViewExtension, ViewLocationCategoryValues, ViewLocationValues, ViewPersistence, type ViewRegistration} from './ViewRegistration.js';
 import type {Widget, WidgetElement} from './Widget.js';
 import {VBox} from './Widget.js';
 import viewContainersStyles from './viewContainers.css.legacy.js';
@@ -239,7 +239,7 @@ export class ViewManager {
     }
 
     // Find new location and show view there
-    this.resolveLocation(locationName).then(location => {
+    void this.resolveLocation(locationName).then(location => {
       if (!location) {
         throw new Error('Move view: Could not resolve location for view: ' + viewId);
       }
@@ -393,7 +393,7 @@ export class ContainerWidget extends VBox {
   }
 
   wasShown(): void {
-    this.materialize().then(() => {
+    void this.materialize().then(() => {
       const widget = widgetForView.get(this.view);
       if (widget) {
         widget.show(this.element);
@@ -442,7 +442,7 @@ export class _ExpandableContainerWidget extends VBox {
 
   wasShown(): void {
     if (this.widget && this.materializePromise) {
-      this.materializePromise.then(() => {
+      void this.materializePromise.then(() => {
         if (this.titleElement.classList.contains('expanded') && this.widget) {
           this.widget.show(this.element);
         }
@@ -496,7 +496,7 @@ export class _ExpandableContainerWidget extends VBox {
     this.titleElement.classList.remove('expanded');
     ARIAUtils.setExpanded(this.titleElement, false);
     this.titleExpandIcon.setIconType('smallicon-triangle-right');
-    this.materialize().then(() => {
+    void this.materialize().then(() => {
       if (this.widget) {
         this.widget.detach();
       }
@@ -510,7 +510,7 @@ export class _ExpandableContainerWidget extends VBox {
     if (this.titleElement.classList.contains('expanded')) {
       this.collapse();
     } else {
-      this.expand();
+      void this.expand();
     }
   }
 
@@ -523,7 +523,7 @@ export class _ExpandableContainerWidget extends VBox {
       this.collapse();
     } else if (keyEvent.key === 'ArrowRight') {
       if (!this.titleElement.classList.contains('expanded')) {
-        this.expand();
+        void this.expand();
       } else if (this.widget) {
         this.widget.focus();
       }
@@ -685,7 +685,7 @@ export class _TabbedLocation extends Location implements TabbedViewLocation {
         const view = Array.from(this.views.values()).find(view => view.viewId() === this.defaultTab);
         if (view) {
           // defaultTab is indeed part of the views for this tabbed location
-          this.showView(view);
+          void this.showView(view);
         }
       }
     } else if (this.lastSelectedTabSetting && this.tabbedPaneInternal.hasTab(this.lastSelectedTabSetting.get())) {
@@ -702,7 +702,7 @@ export class _TabbedLocation extends Location implements TabbedViewLocation {
       if (view.viewId() === 'issues-pane') {
         contextMenu.defaultSection().appendItem(title, () => {
           Host.userMetrics.issuesPanelOpenedFrom(Host.UserMetrics.IssueOpener.HamburgerMenu);
-          this.showView(view, undefined, true);
+          void this.showView(view, undefined, true);
         });
         continue;
       }
@@ -801,7 +801,7 @@ export class _TabbedLocation extends Location implements TabbedViewLocation {
     }
     const view = this.views.get(tabId);
     if (view) {
-      view.disposeView();
+      void view.disposeView();
     }
   }
 

package/front_end/ui/legacy/Widget.ts

@@ -32,6 +32,7 @@ import * as DOMExtension from '../../core/dom_extension/dom_extension.js';
 import * as Helpers from '../components/helpers/helpers.js';
 
 import {Constraints, Size} from './Geometry.js';
+import * as ThemeSupport from './theme_support/theme_support.js';
 import * as Utils from './utils/utils.js';
 import {XWidget} from './XWidget.js';
 
@@ -460,9 +461,9 @@ export class Widget {
 
   registerRequiredCSS(cssFile: {cssContent: string}): void {
     if (this.isWebComponent) {
-      Utils.appendStyle((this.shadowRoot as DocumentFragment), cssFile);
+      ThemeSupport.ThemeSupport.instance().appendStyle((this.shadowRoot as DocumentFragment), cssFile);
     } else {
-      Utils.appendStyle(this.element, cssFile);
+      ThemeSupport.ThemeSupport.instance().appendStyle(this.element, cssFile);
     }
   }
 

package/front_end/ui/legacy/components/color_picker/ContrastOverlay.ts

@@ -57,7 +57,7 @@ export class ContrastOverlay {
     if (!this.contrastInfo.contrastRatio()) {
       return;
     }
-    this.contrastRatioLinesThrottler.schedule(this.drawContrastRatioLinesBound);
+    void this.contrastRatioLinesThrottler.schedule(this.drawContrastRatioLinesBound);
   }
 
   setDimensions(width: number, height: number): void {

package/front_end/ui/legacy/components/color_picker/Spectrum.ts

@@ -267,14 +267,14 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
     UI.ARIAUtils.markAsButton(displaySwitcher);
 
     UI.UIUtils.installDragHandle(
-        this.hueElement, this.dragStart.bind(this, positionHue.bind(this)), positionHue.bind(this), null, 'pointer',
-        'default');
+        this.hueElement, this.dragStart.bind(this, positionHue.bind(this)), positionHue.bind(this), null, 'ew-resize',
+        'crosshair');
     UI.UIUtils.installDragHandle(
         this.alphaElement, this.dragStart.bind(this, positionAlpha.bind(this)), positionAlpha.bind(this), null,
-        'pointer', 'default');
+        'ew-resize', 'crosshair');
     UI.UIUtils.installDragHandle(
-        this.colorElement, this.dragStart.bind(this, positionColor.bind(this)), positionColor.bind(this), null,
-        'pointer', 'default');
+        this.colorElement, this.dragStart.bind(this, positionColor.bind(this)), positionColor.bind(this), null, 'move',
+        'crosshair');
 
     // Color contrast business.
     if (contrastInfo) {
@@ -894,7 +894,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
     }
     contextMenu.defaultSection().appendItem(
         i18nString(UIStrings.clearPalette), this.deletePaletteColors.bind(this, -1, true));
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private deletePaletteColors(colorIndex: number, toRight: boolean): void {
@@ -1231,7 +1231,7 @@ export class PaletteGenerator {
         stylesheetPromises.push(this.processStylesheet(stylesheet));
       }
     }
-    Promise.all(stylesheetPromises)
+    void Promise.all(stylesheetPromises)
         .catch(error => {
           console.error(error);
         })

package/front_end/ui/legacy/components/color_picker/spectrum.css

@@ -25,6 +25,7 @@
   border-radius: 2px 2px 0 0;
   overflow: hidden;
   flex: none;
+  touch-action: none;
 }
 
 .spectrum-dragger,
@@ -37,7 +38,8 @@
   height: 12px;
   width: 12px;
   border: 1px solid var(--color-background);
-  cursor: pointer;
+  cursor: move;
+  z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
@@ -48,7 +50,7 @@
 .spectrum-slider {
   position: absolute;
   top: -1px;
-  cursor: pointer;
+  cursor: ew-resize;
   width: 13px;
   height: 13px;
   border-radius: 13px;
@@ -90,6 +92,7 @@
   width: 130px;
   height: 11px;
   border-radius: 2px;
+  touch-action: none;
 }
 
 .spectrum-hue:focus-visible .spectrum-slider,

package/front_end/ui/legacy/components/cookie_table/CookiesTable.ts

@@ -639,7 +639,7 @@ export class CookiesTable extends UI.Widget.VBox {
     if (!this.saveCallback) {
       return;
     }
-    this.saveCallback(newCookie, oldCookie).then(success => {
+    void this.saveCallback(newCookie, oldCookie).then(success => {
       if (success) {
         this.refresh();
       } else {
@@ -731,12 +731,12 @@ export class CookiesTable extends UI.Widget.VBox {
           filterValue: cookie.name(),
         },
       ]);
-      Common.Revealer.reveal(requestFilter);
+      void Common.Revealer.reveal(requestFilter);
     });
     if (IssuesManager.RelatedIssue.hasIssues(cookie)) {
       contextMenu.revealSection().appendItem(i18nString(UIStrings.showIssueAssociatedWithThis), () => {
         // TODO(chromium:1077719): Just filter for the cookie instead of revealing one of the associated issues.
-        IssuesManager.RelatedIssue.reveal(cookie);
+        void IssuesManager.RelatedIssue.reveal(cookie);
       });
     }
   }

package/front_end/ui/legacy/components/data_grid/DataGrid.ts

@@ -1307,7 +1307,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
         this.headerContextMenuCallback(contextMenu);
       }
       contextMenu.defaultSection().appendItem(i18nString(UIStrings.resetColumns), this.resetColumnWeights.bind(this));
-      contextMenu.show();
+      void contextMenu.show();
       return;
     }
 
@@ -1368,7 +1368,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
       }
     }
 
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private clickInDataTable(event: Event): void {
@@ -1465,6 +1465,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     }
 
     this.positionResizers();
+    this.updateWidths();
     event.preventDefault();
   }
 

package/front_end/ui/legacy/components/data_grid/ShowMoreDataGridNode.ts

@@ -97,15 +97,15 @@ export class ShowMoreDataGridNode extends DataGridNode<ShowMoreDataGridNode> {
   }
 
   private showNextChunk(): void {
-    this.callback(this.startPosition, this.startPosition + this.chunkSize);
+    void this.callback(this.startPosition, this.startPosition + this.chunkSize);
   }
 
   private showAllInternal(): void {
-    this.callback(this.startPosition, this.endPosition);
+    void this.callback(this.startPosition, this.endPosition);
   }
 
   private showLastChunk(): void {
-    this.callback(this.endPosition - this.chunkSize, this.endPosition);
+    void this.callback(this.endPosition - this.chunkSize, this.endPosition);
   }
 
   private updateLabels(): void {

package/front_end/ui/legacy/components/inline_editor/CSSAngleEditor.ts

@@ -92,7 +92,7 @@ export class CSSAngleEditor extends HTMLElement {
 
     event.preventDefault();
 
-    this.mousemoveThrottler.schedule(() => {
+    void this.mousemoveThrottler.schedule(() => {
       this.updateAngleFromMousePosition(event.pageX, event.pageY, event.shiftKey);
       return Promise.resolve();
     });

package/front_end/ui/legacy/components/inline_editor/FontEditor.ts

@@ -140,7 +140,7 @@ export class FontEditor extends Common.ObjectWrapper.eventMixin<EventTypes, type
 
     const propertyValue: string|undefined = this.propertyMap.get('font-family');
 
-    this.createFontSelectorSection(propertyValue);
+    void this.createFontSelectorSection(propertyValue);
 
     //  CSS Font Property Section
     const cssPropertySection = this.contentElement.createChild('div', 'font-section');
@@ -187,11 +187,11 @@ export class FontEditor extends Common.ObjectWrapper.eventMixin<EventTypes, type
       if (!FontEditorUtils.GlobalValues.includes(splitValue[0])) {
         // We add one to the splitValue length so that we have an additional empty fallback selector
         for (let i = 1; i < splitValue.length + 1; i++) {
-          this.createFontSelector(splitValue[i]);
+          void this.createFontSelector(splitValue[i]);
         }
       }
     } else {
-      this.createFontSelector('', true);
+      void this.createFontSelector('', true);
     }
     this.resizePopout();
   }
@@ -383,7 +383,7 @@ export class FontEditor extends Common.ObjectWrapper.eventMixin<EventTypes, type
     // selector's value is not a global value and if the list of selectors has not exceeded 10.
     if (this.fontSelectors[this.fontSelectors.length - 1].input.value !== '' && !isGlobalValue &&
         this.fontSelectors.length < 10) {
-      this.createFontSelector(/** value= */ '');
+      void this.createFontSelector(/** value= */ '');
       this.resizePopout();
     }
     this.updatePropertyValue('font-family', value);

package/front_end/ui/legacy/components/object_ui/CustomPreviewComponent.ts

@@ -133,7 +133,7 @@ export class CustomPreviewSection {
     if (this.cachedContent) {
       this.toggleExpand();
     } else {
-      this.loadBody();
+      void this.loadBody();
     }
   }
 
@@ -199,7 +199,7 @@ export class CustomPreviewComponent {
   expandIfPossible(): void {
     const customPreview = this.object.customPreview();
     if (customPreview && customPreview.bodyGetterId && this.customPreviewSection) {
-      this.customPreviewSection.loadBody();
+      void this.customPreviewSection.loadBody();
     }
   }
 
@@ -209,7 +209,7 @@ export class CustomPreviewComponent {
       contextMenu.revealSection().appendItem(i18nString(UIStrings.showAsJavascriptObject), this.disassemble.bind(this));
     }
     contextMenu.appendApplicableItems(this.object);
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private disassemble(): void {

package/front_end/ui/legacy/components/object_ui/ObjectPopoverHelper.ts

@@ -107,7 +107,7 @@ export class ObjectPopoverHelper {
       return new ObjectPopoverHelper(null, false);
     }
 
-    ObjectPropertiesSection.formatObjectAsFunction(result, valueElement, true);
+    void ObjectPropertiesSection.formatObjectAsFunction(result, valueElement, true);
     const response = await result.debuggerModel().functionDetailsPromise(result);
     if (!response) {
       return null;

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts

@@ -370,7 +370,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
     };
     memoryIcon.onclick = (event: MouseEvent): void => {
       Host.userMetrics.linearMemoryInspectorRevealedFrom(Host.UserMetrics.LinearMemoryInspectorRevealedFrom.MemoryIcon);
-      LinearMemoryInspector.LinearMemoryInspectorController.LinearMemoryInspectorController.instance()
+      void LinearMemoryInspector.LinearMemoryInspectorController.LinearMemoryInspectorController.instance()
           .openInspectorView(obj);
       event.stopPropagation();
     };
@@ -476,7 +476,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
       valueElement.classList.add('object-value-node');
       createSpansForNodeTitle(valueElement, (description as string));
       valueElement.addEventListener('click', event => {
-        Common.Revealer.reveal(value);
+        void Common.Revealer.reveal(value);
         event.consume(true);
       }, false);
       valueElement.addEventListener(
@@ -495,7 +495,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
       if (linkify && response && response.location) {
         element.classList.add('linkified');
         element.addEventListener('click', () => {
-          Common.Revealer.reveal(response.location);
+          void Common.Revealer.reveal(response.location);
           return false;
         });
       }
@@ -553,7 +553,7 @@ export class ObjectPropertiesSection extends UI.TreeOutline.TreeOutlineInShadow
           i18nString(UIStrings.collapseChildren),
           this.objectTreeElementInternal.collapseChildren.bind(this.objectTreeElementInternal));
     }
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   titleLessMode(): void {
@@ -655,7 +655,7 @@ export class RootElement extends UI.TreeOutline.TreeElement {
     contextMenu.viewSection().appendItem(
         i18nString(UIStrings.expandRecursively), this.expandRecursively.bind(this, Number.MAX_VALUE));
     contextMenu.viewSection().appendItem(i18nString(UIStrings.collapseChildren), this.collapseChildren.bind(this));
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   async onpopulate(): Promise<void> {
@@ -706,7 +706,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
       targetValue?: SDK.RemoteObject.RemoteObject): Promise<void> {
     if (value.arrayLength() > ARRAY_LOAD_THRESHOLD) {
       treeElement.removeChildren();
-      ArrayGroupingTreeElement.populateArray(treeElement, value, 0, value.arrayLength() - 1, linkifier);
+      void ArrayGroupingTreeElement.populateArray(treeElement, value, 0, value.arrayLength() - 1, linkifier);
       return;
     }
 
@@ -838,7 +838,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
         // The definition of callFunction expects an unknown, and setting to `any` causes Closure to fail.
         // However, leaving this as unknown also causes TypeScript to fail, so for now we leave this as unchecked.
         // @ts-ignore  TODO(crbug.com/1011811): Fix after Closure is removed.
-        object.callFunction(invokeGetter, [{value: JSON.stringify(propertyPath)}]).then(callback);
+        void object.callFunction(invokeGetter, [{value: JSON.stringify(propertyPath)}]).then(callback);
       }
     }
 
@@ -1105,7 +1105,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     if (this.propertyValue) {
       this.propertyValue.appendApplicableItems(event, contextMenu, {});
     }
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private startEditing(): void {
@@ -1177,7 +1177,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     const keyboardEvent = (event as KeyboardEvent);
     if (keyboardEvent.key === 'Enter') {
       keyboardEvent.consume();
-      this.editingCommitted(originalContent);
+      void this.editingCommitted(originalContent);
       return;
     }
     if (keyboardEvent.key === Platform.KeyboardUtilities.ESCAPE_KEY) {
@@ -1200,7 +1200,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
         const parent = this.parent;
         if (parent) {
           parent.invalidateChildren();
-          parent.onpopulate();
+          void parent.onpopulate();
         }
       } else {
         this.update();
@@ -1225,7 +1225,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
       const parent = this.parent;
       if (parent) {
         parent.invalidateChildren();
-        parent.onpopulate();
+        void parent.onpopulate();
       }
     }
   }

package/front_end/ui/legacy/components/perf_ui/FilmStripView.ts

@@ -127,13 +127,13 @@ export class FilmStripView extends Common.ObjectWrapper.eventMixin<EventTypes, t
     }
 
     if (this.mode === Modes.FrameBased) {
-      Promise.all(frames.map(this.createFrameElement.bind(this))).then(appendElements.bind(this));
+      void Promise.all(frames.map(this.createFrameElement.bind(this))).then(appendElements.bind(this));
       return;
     }
 
     const width = this.contentElement.clientWidth;
     const scale = this.spanTime / width;
-    this.createFrameElement(frames[0]).then(
+    void this.createFrameElement(frames[0]).then(
         continueWhenFrameImageLoaded.bind(this));  // Calculate frame width basing on the first frame.
 
     function continueWhenFrameImageLoaded(this: FilmStripView, element0: Element): void {
@@ -147,7 +147,7 @@ export class FilmStripView extends Common.ObjectWrapper.eventMixin<EventTypes, t
         const time = pos * scale + this.zeroTime;
         promises.push(this.createFrameElement(this.frameByTime(time)).then(fixWidth));
       }
-      Promise.all(promises).then(appendElements.bind(this));
+      void Promise.all(promises).then(appendElements.bind(this));
       function fixWidth(element: Element): Element {
         (element as HTMLElement).style.width = frameWidth + 'px';
         return element;
@@ -244,7 +244,7 @@ export class Dialog {
     this.index = filmStripFrame.index;
     this.zeroTime = zeroTime || filmStripFrame.model().zeroTime();
     this.dialog = null;
-    this.render();
+    void this.render();
   }
 
   private resize(): void {
@@ -294,24 +294,24 @@ export class Dialog {
     if (this.index > 0) {
       --this.index;
     }
-    this.render();
+    void this.render();
   }
 
   private onNextFrame(): void {
     if (this.index < this.frames.length - 1) {
       ++this.index;
     }
-    this.render();
+    void this.render();
   }
 
   private onFirstFrame(): void {
     this.index = 0;
-    this.render();
+    void this.render();
   }
 
   private onLastFrame(): void {
     this.index = this.frames.length - 1;
-    this.render();
+    void this.render();
   }
 
   private render(): Promise<void> {