JS error: Uncaught ReferenceError: Element is not defined

[jankyz]

I've got a console error on editor level

uncaught ReferenceError: Element is not defined

file: wp-polyfill-inert.js
line:30

(function () {
    // Return early if we're not running inside of the browser.
    if (typeof window === 'undefined') {
      return;
    }

    // Convenience function for converting NodeLists.
    /** @type {typeof Array.prototype.slice} */
    var slice = Array.prototype.slice;

    /**
     * IE has a non-standard name for "matches".
     * @type {typeof Element.prototype.matches}
     */
    var matches = Element.prototype.matches || Element.prototype.msMatchesSelector;

suggestion

(function () {
    // Return early if we're not running inside of the browser.
    if (typeof window === 'undefined' || window?.Element) {
      return;
    }

    // Convenience function for converting NodeLists.
    /** @type {typeof Array.prototype.slice} */
    var slice = Array.prototype.slice;

    /**
     * IE has a non-standard name for "matches".
     * @type {typeof Element.prototype.matches}
     */
    var matches = Element.prototype.matches || Element.prototype.msMatchesSelector;

[mattjones2207]

I'm also getting this.

In my case it's caused by a WebWorker within Yoast, which overwrites the window variable.

The fix would seem to be just to bail early if window is a WebWorker object, similar to the existing 'Running in browser' check.

<?php
// Return early if we're not running inside of the browser.
if (typeof window === 'undefined') {
    return;
}

// Return early if running as a webworker
if (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope) {
    return;
}