I have two cards on a dashboard that are acting up. The first is a grid to display two Honeywell / Residio thermostats. The second is a vertical stack to display an image from Windy.com and the wind direction.
This is what the dashboard is supposed to look like:
Here is the YAML for the first card:
square: true
type: grid
cards:
- type: thermostat
entity: climate.hallway
- type: thermostat
entity: climate.upstairs
columns: 2
Here is the YAML for the second card:
type: vertical-stack
cards:
- type: iframe
url: >-
https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=default&metricWind=default&zoom=5&overlay=wind&product=ecmwf&level=surface&lat=41.3&lon=-71.9&message=true
aspect_ratio: 50%
- type: custom:compass-card
indicator_sensors:
- sensor: weather.pirateweather
attribute: wind_bearing
indicator:
image: arrow_inward
There are other cards on the dashboard that always display correctly.
The issue is that in the Companion App as well as on Chrome on a Windows 11 laptop, those cards often do not display at all. Here is what the dashboard looks like most of the time:
On my iPhone and iPad, if I reset the frontend cache they reappear. On Windows, it seems reloading the webpage gets them to show up.
Any ideas as to what’s going on? In case this might be due to some sort of strange interaction with the other cards, the following is the YAML for all of the cards on that view of the dashboard:
- title: Climate
path: climate
cards:
- square: true
type: grid
cards:
- type: thermostat
entity: climate.hallway
- type: thermostat
entity: climate.upstairs
columns: 2
- type: vertical-stack
cards:
- type: iframe
url: >-
https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=default&metricWind=default&zoom=5&overlay=wind&product=ecmwf&level=surface&lat=41.3&lon=-71.9&message=true
aspect_ratio: 50%
- type: custom:compass-card
indicator_sensors:
- sensor: weather.pirateweather
attribute: wind_bearing
indicator:
image: arrow_inward
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.openweathermap
forecast_type: daily
name: Stonington, CT OWM
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.pirateweather
forecast_type: hourly
forecast_slots: 8
- type: custom:horizon-card
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: entity
entity: sun.sun
attribute: azimuth
name: Azimuth
state_color: true
- type: entity
entity: sun.sun
attribute: elevation
name: Elevation
state_color: true
- type: entity
entity: sensor.solar_noon
icon: mdi:clock-time-eight-outline
state_color: true
title: Sun Position
- type: gauge
entity: sensor.airnow_air_quality_index
min: 0
max: 350
needle: true
segments:
- from: 0
color: '#43a047'
- from: 50
color: '#fcff33'
- from: 100
color: '#ffa233'
- from: 150
color: '#ff3368'
- from: 200
color: '#c433ff'
- from: 300
color: '#bb0d3a'
- type: vertical-stack
cards:
- type: gauge
entity: sensor.smart_irrigation_north
name: North 76 sq ft
needle: true
max: 1800
min: 0
severity:
green: 0
yellow: 600
red: 1200
- type: gauge
entity: sensor.smart_irrigation_south
name: South 124 sq ft
needle: true
max: 1800
min: 0
severity:
green: 0
yellow: 600
red: 1200
title: Watering Times
- type: vertical-stack
cards:
- type: custom:auto-entities
filter:
include:
- options: {}
state: Upstairs
card:
type: custom:flex-table-card
columns:
- name: Upstairs
data: friendly_name
- name: >-
<ha-icon icon="mdi:thermometer"
style=color:green;></ha-icon>
data: temperature
- name: >-
<ha-icon icon="mdi:water-percent"
style=color:green;></ha-icon>
data: humidity
- type: custom:auto-entities
filter:
include:
- options: {}
state: Downstairs
card:
type: custom:flex-table-card
columns:
- name: Downstairs
data: friendly_name
- name: >-
<ha-icon icon="mdi:thermometer"
style=color:green;></ha-icon>
data: temperature
- name: >-
<ha-icon icon="mdi:water-percent"
style=color:green;></ha-icon>
data: humidity
- type: custom:auto-entities
filter:
include:
- options: {}
state: Outside
card:
type: custom:flex-table-card
columns:
- name: Outside
data: friendly_name
- name: >-
<ha-icon icon="mdi:thermometer"
style=color:green;></ha-icon>
data: temperature
- name: >-
<ha-icon icon="mdi:water-percent"
style=color:green;></ha-icon>
data: humidity
type: custom:masonry-layout