Card_mod broken on HA 2023.10.0b3 because of document.createElement("developer-tools-event")

[Mariusthvdb]

My Home Assistant version: 2023.10.0b3

My lovelace configuration method (GUI or yaml):

yaml What I am doing:

frontend:

  extra_module_url:
#     - /hacsfiles/lovelace-card-mod/card-mod.js
    - /local/resources/card-mod/card-mod.js

What I expected to happen:

What happened instead:

No card_mod is functional at all maybe related to https://github.com/home-assistant/frontend/pull/17869 ?

Minimal steps to reproduce:

# The least amount of code possible to reproduce my error

# End of code

Error messages from the browser console:

Unhandled Promise Rejection: TypeError: document.createElement("developer-tools-event")._computeParsedEventData is not a function. (In 'document.createElement("developer-tools-event")._computeParsedEventData(t)', 'document.create...

Note:

I am using an updated version of 3.1.4, because after that card_mod_icons didn't function anymore, and the issue about that has never been resolved. Not sure if that worsens the issue at hand, need some testing to excluded that.

Update

with the latest version loaded:

card_mod still is completely non functional, and the same error shows in the inspector:

By putting an X in the boxes ([]) 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.

[jazzyisj]

Chrome on Windows

[hmmbob]

Chrome on windows as well, and wondering if this is the reason why my custom_css to put the navigation bar at the bottom of the window is failing too.

This code used to move the bar perfectly fine to the bottom of the screen in my custom theme:

  card-mod-root-yaml: |
    .: |
      .header {
        top: calc(100vh - 48px) !important;
        bottom: 0 !important;
        transform: unset !important;
      }
      #view {
        padding-top: 0px !important;
        padding-bottom: 48px !important;
      }

[Mariusthvdb]

yes it is, card_mod completely stopped functioning, as stated in the opening issue post

downgrading HA to 0b2 doesnt really hurt, and brings back all card_mod goodness, hope this can be a small fix in the resource so we can safely update again