lovelace-card-mod: Card-mod causes Energy dashboard to load on half of the screen

My Home Assistant version: 2023.11.0b0

My lovelace configuration method (GUI or yaml): GUI

What I am doing: opening the energy dashboard

What I expected to happen: it shows full screen

What happened instead: it is shown half screen because card-mod inserts an element that is in the same flexbox as the actual content

Minimal steps to reproduce:

  1. Update to 2023.11.0.b0
  2. Open the energy dashboard
# The least amount of code possible to reproduce my error
Not appliciable

# End of code

Error messages from the browser console: None


By putting an X in the boxes ([]) below, I indicate that I:

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

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

  • Have followed the troubleshooting steps of the “Common Problems” section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

  • 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.

About this issue

  • Original URL
  • State: closed
  • Created 8 months ago
  • Reactions: 9
  • Comments: 22

Most upvoted comments

For me it was a matter of quite some reloading and clearing the full cache in the browser, did you do that? As soon as the new card-mod file was loaded, everything was fine. The change that is done to fix this issue could not cause the energy screen to load half anymore so it is highly likely it is a cache issue.

Yes, this fixes it! Thanks @thomasloven

I’ve already done some digging in the card-mod code as well as the HA changes of the latest releases but didn’t came to a solution. If there is someone who can point me in the right direction, I’m more than happy to try to fix it.