Using this card breaks Navigation!

[garv3]

Whenever this card is used on a dashboard page, the navigation breaks and the dashboard has to be reloaded to navigate to another page. When using the companion app, it has to be forced to shut down and reopened.

[derTim]

I have the same issue with this card, which was driving my crazy until I discovered what part of my grow dashboard causes this.

As a workaround, i replaced it with the following (requires lovelace-card-templater from HACS, as the iframe card by default doesn't allow templates for the 'url' property):

type: custom:card-templater
card:
  type: iframe
  url_template: >-
    {%set air_rh = states('sensor.esphome_web_7557bf_humidity') %} 
    {%set air_temp = states('sensor.esphome_web_7557bf_temperature') %} 
    {%set leaf_temp = states('sensor.esphome_web_7557bf_temperature')| int - 2 %}
    {%set crop = 'Cannabis' %} 
    {%set unit = 'C' %} 
    {%set src = 'https://vpdchart.com/ha.html#UNIT,RH,AT,LT,CROP'%}

    {%set src = src | replace( "UNIT", unit)%} 
    {%set src = src | replace( "RH", air_rh)%} 
    {%set src = src | replace( "AT", air_temp)%} 
    {%set src = src | replace( "LT", leaf_temp)%} 
    {%set src = src | replace( "CROP", crop)%}

    {{src}}
  aspect_ratio: 100%
entities:
  - entity: sensor.esphome_web_7557bf_humidity
  - entity: sensor.esphome_web_7557bf_temperature

Just replace the two sensor entities in the template, and in the 'entities' list (which should cause changes to those entities to force a refresh of the card).

[garv3]

I switched to this one: https://github.com/mentalilll/ha-vpd-chart Works perfectly.

[mniewiera]

Thanks @derTim for the workaround. But like @garv3 i switched to the other plugin. It has more features (although i don't think i require them) and the biggest advantage is that everything is calculated locally. You don't need to have a internet connection, and your data is not sent to a 3rd party.