Frontend: Lovelace media-control and weather-forecast broken in main view vertical-stack with 0.81.0

[move[bot]]

@hudecitydave commented on Oct 27, 2018, 10:35 AM UTC:

Home Assistant release with the issue:
0.81.0

Last working Home Assistant release (if known):
0.80.3

Operating environment (Hass.io/Docker/Windows/etc.):
Hass.io

Component/platform:
raspberry

Description of problem:
After upgrading to 0.81.0 my lovelace ui shows up with red areas in my main view vertical-stacks. The error shown is "Cannot read property 'states' of undefined", followed by a dump of the config, which is not copy/paste-able... Same config worked in 0.80.3.

For me the media-control and weather-forecast types are affected. Outside of horizontal or vertical stacks everythings works fine.

Problem-relevant ui-lovalace.yaml entries:
examples:

  - type: vertical-stack
    id: WohnzimmerSicht
    cards:
      - type: entities
        title: Wohnzimmer
        show_header_toggle: true
        entities:
          - sensor.co2ppm
          - sensor.wozitemp
          - sensor.wozifeucht
          - switch.fernsehgruppe
          - input_select.tvscene
          - switch.wohnzimmertv
          - switch.wohnzimmer_ecke
          - switch.wohnzimmer_sofa
          - switch.esszimmer
      - type: media-control
        entity: media_player.openelec
      - type: media-control
        entity: media_player.wohnzimmer
      - type: media-control
        entity: media_player.sony_bravia_tv
      - type: media-control
        entity: media_player.bespin
      - type: media-control
        entity: media_player.playstation_4

and

  - type: vertical-stack
    id: WetterSicht
    cards:
      - type: entities
        title: Wetter ASU19
        entities:
          - sensor.temp_feucht_temperature
          - sensor.temp_feucht_humidity
          - sensor.barometerdruck
          - sensor.gardenierung
          - sensor.abinsbeet
          - sensor.feinstaub_pm10
          - sensor.feinstaub_pm25
          - sun.sun
      - type: weather-forecast
        entity: weather.wetter_hude
      - type: picture-entity
        title: Bewölkung
        entity: camera.bewolkung
        camera_image: camera.bewolkung
        show_info: true
        tap_action: dialog
      - type: picture-entity
        title: Regen
        entity: camera.regen
        camera_image: camera.regen
        show_info: true
        tap_action: dialog

This issue was moved by fabaff from home-assistant/home-assistant#17863.

[move[bot]]

@paulvt commented on Oct 27, 2018, 11:00 AM UTC:

Ah, it's the vertical stack that breaks it, thanks for pointing that out!
Same issue occurs in combination with a sensor card too.

[move[bot]]

@cocomaddox commented on Oct 27, 2018, 1:25 PM UTC:

The upgrade has broken most of my cards. Have spent hours trying to isolate the issue with no real success so have restored a backup and will wait for 0.81.1. Hopefully whatever happened to break this will be resolved then.

[move[bot]]

@hudecitydave commented on Oct 27, 2018, 3:42 PM UTC:

Additionally my camera items within a horizontal-stack do not open the "full-image-sizeoverlay" on click. I think something essential is broken in lovelace with the actual update.

[move[bot]]

@ronytomen commented on Oct 27, 2018, 4:42 PM UTC:

Can can confirm having the same issue as hudecitydave with Camera cards but in a vertical stack. I too rolled back to 0.80.3 because of this issue and 2 others.

[move[bot]]

@fillwe commented on Oct 27, 2018, 6:18 PM UTC:

Same issue here but with horizontal stack and sensor cards since updating!

[move[bot]]

@vandalon commented on Oct 27, 2018, 8:30 PM UTC:

Same issue here. but in some cases vertical stack works (home page) in other it just don't work and yet another i get the above error. this is only with media-control items. when removing media-control items the error disappears but stacking does not work anymore.

Weird thing is that stacking is working on my default / home tab.

[move[bot]]

@vandalon commented on Oct 27, 2018, 8:36 PM UTC:

So it seems that with cards in some kind of order it does work ( i had the climate card as last card in my first vertical stack and that worked. removing the climate card broke vertical stacking completely).

[move[bot]]

@vandalon commented on Oct 27, 2018, 9:28 PM UTC:

also column_width: calc(100% / 3) seems to be ignored. when only showing 3 items it's ok. But when a fourth item comes up I get 4 items on 1 line instead of a new line.

[move[bot]]

@ulnic commented on Oct 27, 2018, 10:56 PM UTC:

Having the same error when using vertical stack combined with condition cards.

[iantrich]

There's a fix rolling out in 0.81.1 for this

[ThomasPrior]

This is not fixed for me in 0.81.1 in both Chrome and Firefox with caches cleared.

[ulnic]

Hi, I’m having similar issues as Therkim. I’ve updated to 0.81.1 but still same errors. Thank you for looking at this fix.

[arsaboo]

This will be fixed in 0.81.2...hang tight :)

[paulvt]

This is fixed for me in 0.81.2.

[vandalon]

I'm still having issues with vertical-stack:

screenshot

  - id: 2  # Automatically created id
    title: Keuken en Eetkamer
    icon: mdi:silverware-variant
    cards:
        - type: vertical-stack
           cards:
           - type: markdown
             content: >
               ## Eetkamer:
            - type: glance
              show_name: false
              column_width: calc(100% / 3)
              entities:
                - binary_sensor.beweging_eettafel
                - sensor.temp_eetkamer
                - entity: sensor.licht_eettafel
                  icon: mdi:eye
                - sensor.hum_eetkamer
                - entity: sensor.grondvochtigheid_eetkamerplant
                  icon: mdi:flower
                - entity: light.fibaro_dimmer_eetkamer__level
        - type: vertical-stack
          cards:
            - type: markdown
              content: >
                ## Keuken:
            - type: glance
              show_header_toggle: false
              show_state: false
              column_width: calc(100% / 3)
              entities:
                - binary_sensor.beweging_keuken
                - entity: light.keuken
                - entity: light.keuken_3
                - entity: light.keuken_1
                  icon: mdi:spotlight-beam
                - entity: light.keuken_2
                  icon: mdi:spotlight-beam
                - entity: light.keuken_4
                  icon: mdi:spotlight-beam
                - entity: light.licht_onder_de_keukenkastjes
                  icon: mdi:led-strip

[vandalon]

also column_width: calc(100% / 3) is ignored on state cards:

          - type: entity-filter
            show_empty: false
            entities:
              - entity: light.woonkamer
                tap_action: toggle
              - entity: light.woonkamer_plafondlamp
                tap_action: toggle
              - entity: light.fibaro_dimmer_eetkamer__level
                tap_action: toggle
              - entity: light.keuken
                tap_action: toggle
              - entity: light.slaapkamer
                tap_action: toggle
              - entity: light.jongenskamer
                tap_action: toggle
              - entity: light.edda
                tap_action: toggle
              - entity: light.overloop
                tap_action: toggle
              - entity: light.badkamer_lampen
                tap_action: toggle
              - entity: light.wc
                tap_action: toggle
            state_filter:
              - on
            card:
              type: glance
              column_width: calc(100% / 3)
              show_state: off

screenshot

[vandalon]

I'm sorry, I see that column_width is replaced by columns, so ignore the latter post :)