browser_mod slows the Frontend in 2023.11 up to being completely unresponsive

[Mariusthvdb]

My Home Assistant version: 2023.11.1

Browser Safari on Mac Desktop

What I am doing: updated to HA 2023.11

What I expected to happen: smooth sailing

What happened instead: Frontend is getting sloppier up to the point the refresh of a page is required to be able to interact again

The Browser mod sidebar menu item is extremely slow, maybe even dead... have to navigate away to get the browser going again

see:

Temporarily disabling the browser mode integration makes the frontend behave as it should without lag, and responsive

Minimal steps to reproduce:

# The least amount of code or steps possible to reproduce my error

# Put your code/steps here

Just install it, nothing further

Error messages from the browser console:

// Select everything from the browser console and copy it

// Paste it here

Couldn't find anything special besides the browser warning:

---

By replacing the space in the checkboxes ([ ]) with an X below, I indicate that I:

• [X ] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).

• [X ] Have made sure I am using the latest version of the plugin.

• [ X] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

• [X ] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[DigiLive]

I think this is related... The console is getting spammed with many^manymany of errors like:

14:04:47.838 Uncaught (in promise) TypeError: can't access property "localize", this.hass is undefined
    value ha-data-table.ts:341
    update lit-element.ts:160
    performUpdate reactive-element.ts:1329
    scheduleUpdate reactive-element.ts:1261
    _$Ej reactive-element.ts:1233
    requestUpdate reactive-element.ts:1208
    _$Eu reactive-element.ts:946
    b reactive-element.ts:931
    A lit-element.ts:115
    a ha-data-table.ts:99
    C scoped-custom-element-registry.js:385
    t scoped-custom-element-registry.js:236
    u browser_mod_panel.js:1
    g browser_mod_panel.js:1
    _$AI browser_mod_panel.js:1
    Do browser_mod_panel.js:1
    update browser_mod_panel.js:1
    performUpdate browser_mod_panel.js:1
    scheduleUpdate browser_mod_panel.js:1
    _$Ej browser_mod_panel.js:1
    requestUpdate browser_mod_panel.js:1
    u browser_mod_panel.js:1
    v browser_mod_panel.js:1
    te browser_mod_panel.js:1
    pe browser_mod_panel.js:214
    C scoped-custom-element-registry.js:385
    t scoped-custom-element-registry.js:236
    u browser_mod_panel.js:1
    g browser_mod_panel.js:1
    _$AI browser_mod_panel.js:1
    Do browser_mod_panel.js:1
    update browser_mod_panel.js:1
    performUpdate browser_mod_panel.js:1
    scheduleUpdate browser_mod_panel.js:1
    _$Ej browser_mod_panel.js:1
    requestUpdate browser_mod_panel.js:1
    u browser_mod_panel.js:1
    v browser_mod_panel.js:1
    te browser_mod_panel.js:1
    ge browser_mod_panel.js:258
    C scoped-custom-element-registry.js:385
    t scoped-custom-element-registry.js:236
    u browser_mod_panel.js:1
    g browser_mod_panel.js:1
    _$AI browser_mod_panel.js:1
    v browser_mod_panel.js:1
    g browser_mod_panel.js:1
    _$AI browser_mod_panel.js:1
    Do browser_mod_panel.js:1
    update browser_mod_panel.js:1
    performUpdate browser_mod_panel.js:1
    scheduleUpdate browser_mod_panel.js:1
    _$Ej browser_mod_panel.js:1
    requestUpdate browser_mod_panel.js:1
    u browser_mod_panel.js:1
    v browser_mod_panel.js:1
    te browser_mod_panel.js:1
    t browser_mod_panel.js:405
    C scoped-custom-element-registry.js:385
    t scoped-custom-element-registry.js:236
    define scoped-custom-element-registry.js:85
    <anonymous> browser_mod_panel.js:454
    promise callback* browser_mod_panel.js:405
6 ha-data-table.ts:341:24

Also I get a 404 response for the following files:

• https://myhass:8123/unknown/src/lit-element.ts
• https://myhass:8123/unknown/src/reactive-element.ts
• https://myhass:8123/unknown/src/scoped-custom-element-registry.js
• https://myhass:8123/unknown/src/lit-html.ts

Version: Core 2023.11.2 Supervisor 2023.11.0 Operating System 11.1 Frontend 20231030.2

[pedolsky]

I wondered why template reload took over 20 seconds. After deactivating the integration everything is being normal.

[skycryer]

Any updates here? Can not really use it like this. On Macbook it is slow but possible to register device or change id. But on iPad Pro with IOS17 it is not possible to change id or register device.

[SergioRius]

Same here. Not only hangs at the browsermod ui, but any page that uses it for popups and has entities refreshing periodically. Console keeps throwing localization errors until the browser tab freezes and crashes. Tested in Firefox, chrome and several Chromium based browsers.

[InventoCasa]

Same here. Workaround is to refresh the browser via automation once the popup gets closed.