Card in custom dashboard causes UI hang on App and Webpage (multiple browsers)

Howdy, After a number of weeks of successful operation, I seem to have two specific grids that are causing my whole UI to hang in two different ways, regardless of iOS companion app or web browser (Chrome / Safari) being used to access the dashboard. The only major change in this environment is that I moved to a virtualized instance of HA running in ProxMox, instead of running it on a Raspberry Pi 4 about 15 days ago. Before that these specific cards worked well for the better part of a year. The migration was done by creating a full backup on the PI based HA, then building a new virtual HA instance and restoring the backup from there.

With context out of the way…
I created a custom dashboard with a tab called “TESTING” where I test the way I want to interact with specific entities and how certain data is displayed. As of this morning, there is a specific tab on a specific dashboard that causes the UI to hang. It is reproducible 100% of the time, but there are two different ways to get this hang to occur. The order is important and described below…

  1. Navigate to “TESTING” tab, which will usually cause the UI to hang
    On the rare change this does not hang the UI, then…
  2. Edit one of the two grids that are configured to have a thermostat, barometric pressure and temperature card in them will 100% cause the UI to hang

I initially thought I had a bad sensor, so one-by-one, I turned off every device that was feeding data to the “TESTING” tab until everything displayed as “unavailable”. I continued to have the UI hang issue. I then found a GitHub support post about the history database getting corrupted causing these issues. Given that, when the “TESTING” tab did show the UI, the history graphs for pressure and temperature were never displayed, so I thought that might be the issue and followed these instructions. Everything was better for about 2 hours and started to devolve; it might hang every 30 minutes, but a close / open would resolve it. Over the last 4 hours, it’s continued to devolve to a point where the “TESTING” tab is not accessible, just like this morning.

Is it possible that something is wrong and it gets worse as data accumulates in the database that’s used for these history graphs?

I can’t seem to find anything in the logs anywhere about this issue, and it does not appear as of the Lovelace UI is text-editable (please correct me if I’m wrong) so I can’t go in and just disable the individual cards to see which one is causing issues.

I’m looking for some assistance on getting this dashboard back up and running and would love to understand what could cause the UI to hang as described and how to troubleshoot it.

Please let me know what y’all think and what I can do to help. I’m not new to HA, but have never had to request help - so let me know what logs and things you might find relevant and I’ll get those uploaded.

Thanks in advance!

You say it is a custom card. I suggest you seek help on the author’s github.

Check github - there are at least two similar issues related to using grids / stacks in 2023.7 (especially with history-graphs). One of these issues is mine and about a grid and horizontal stack; other people complaining about vertical stack too.
There was a PR to fix it. We need to wait for this fix and then test.

It was nothing said about a custom card.
The author meant a custom dashboard.

Hey @Ildar_Gabdullin - Thanks very much for this - I didn’t even think about checking the HA GitHub page. I’ll go do that and see what I can find and add relevant details, if it makes sense to do so. If you happen to come across one of those posts again, would you mind linking it here?

I also didn’t even think to put my versions here - D’oh!
Home Assistant 2023.7.2
Supervisor 2023.07.1
Operating System 10.3
Frontend 20230705.1 - latest

Yea, that’s exactly what I meant, thanks for the correction and apologies I wasn’t clear enough.

Yep my mistake, sorry to all.

Perhaps post the card yaml?

I have been trying to figure out how to get that very thing… As soon as I do, I’ll post it here :slight_smile:

“Edit configuration” (top right of dashboard)

Then the same menu, “raw configuration editor”. (the menu changes after you click edit configuration)

Click in the edit window, ctrl-a for select all, ctrl-c for copy.

Well heck - thanks @nickrout!

Here is my whole “TESTING” section

  - title: TESTING
    path: testing
    badges: []
    cards:
      - type: entity
        entity: binary_sensor.hue_motion_sensor_1_motion
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        entity: switch.spak1_test_esp
        name: Spak1 Test (ESP)
        show_state: true
      - type: entities
        entities:
          - entity: binary_sensor.sonoff_01_basic_button
          - entity: switch.sonoff_01_basic_relay
          - entity: switch.sonoff_01_led
          - entity: sensor.uptime_sensor
        title: Sonoff
        show_header_toggle: true
        state_color: true
      - square: false
        columns: 2
        type: grid
        cards:
          - type: thermostat
            entity: climate.garage_hvac
          - type: gauge
            severity:
              green: 35
              yellow: 0
              red: 70
            needle: true
            entity: sensor.garage_hvac_humidity
          - type: history-graph
            entities:
              - entity: sensor.garage_hvac_pressure
            hours_to_show: 96
      - square: false
        columns: 2
        type: grid
        cards:
          - type: thermostat
            entity: climate.cave_hvac
          - type: gauge
            entity: sensor.cave_humidity
            severity:
              green: 35
              yellow: 0
              red: 70
            needle: true
          - type: history-graph
            entities:
              - entity: sensor.cave_pressure
            hours_to_show: 96
      - type: entities
        entities:
          - entity: sensor.cave_co2
          - entity: sensor.cave_co2_humidity
          - entity: sensor.cave_co2_temperature
          - entity: sensor.particle_pm_0_5um_number_concentration_2
          - entity: sensor.particle_pm_2_5um_number_concentration_2
          - entity: sensor.particle_pm_4um_number_concentration_2
          - entity: sensor.particle_pm_10um_number_concentration_2
          - entity: sensor.particle_pm_1um_weight_concentration_2
          - entity: sensor.particle_pm_2_5um_weight_concentration_2
          - entity: sensor.particle_pm_4um_weight_concentration_2
          - entity: sensor.particle_pm_10um_weight_concentration_2
        title: ESPTesting01
      - type: entities
        entities:
          - entity: sensor.couch_energy
          - entity: sensor.couch_current
        title: Couch
        show_header_toggle: true
        state_color: true
      - type: entities
        entities:
          - entity: sensor.entertainment_system_energy
          - entity: sensor.entertainment_system_current
        title: Entertainment System
        show_header_toggle: true
        state_color: true

Just updated to 2023.7.3. Initially, testing this in the web browser, post upgrade, did not pose a problem, but as soon as I tried to edit the card that has the history graph in it, the webUI hung up.

As soon as I tried the companion app, it immediately hung.

This issue seems to be erratic (kind of a race).
Have not seen related frontend changes in 2023.7.3.
Suggest to wait (& keep testing).

Yea, that’s what I’ll do. I also responded too quickly and have since updated my post with the new details. I was too quick to shout the short-sighted success.