I have a really annoying issue with my cards where they keep getting reloading and flickering whenever some state changes. See video: HA room card and frigate card flickering issue - YouTube
Here’s my lovelace config:
theme: Backend-selected
path: default_view
title: Home
icon: hass:home
badges: []
cards:
- !include ../default_view/buttons.yaml
- card_mod:
style: "ha-card { background: rgb(32,32,80); background: linear-gradient(180deg, rgba(32,32,80,1) 0%, rgba(49,31,89,1) 100%); }"
type: custom:room-card
show_icon: true
tap_action:
action: toggle
title: Garage
entity: light.all_garage_lights
info_entities:
- sensor.entity_controller_garage_lights_time_remaining
entities:
- entity: person.nathan_broadbent
show_name: false
hide_if:
conditions:
- condition: not_equals
entity: sensor.espresense_person_nathan
value: garage
- entity: person.masha_broadbent
show_name: false
hide_if:
conditions:
- condition: not_equals
entity: sensor.espresense_person_masha
value: garage
styles:
template: >
if (states['sensor.espresense_person_nathan'].state ==
'garage') return 'margin-left: -32px;';
- entity: entity_controller.garage_lights_controller
name: Timer
show_icon: true
state_color: true
icon:
conditions:
- icon: mdi:timer
condition: equals
value: active_timer
styles:
color: "#F6C244"
- icon: mdi:timer-pause
condition: equals
value: active_stay_on
styles:
color: "#67AC5B"
- icon: mdi:timer-off-outline
condition: equals
value: overridden
- icon: mdi:timer-off-outline
condition: equals
value: blocked
styles:
color: "#F64444"
- icon: mdi:timer-cancel-outline
condition: equals
value: constrained
- icon: mdi:timer-sand
condition: equals
value: pending
- icon: mdi:timer-outline
condition: equals
value: idle
- entity: binary_sensor.garage_top_pf_motion_sensor_occupancy
name: Motion
show_icon: true
state_color: true
- entity: binary_sensor.garage_bottom_pf_motion_sensor_occupancy
name: Motion
show_icon: true
state_color: true
- entity: binary_sensor.garage_back_door_sensor_contact
name: Door
show_icon: true
state_color: true
icon:
state_on: mdi:door-sliding-open
state_off: mdi:door-sliding
- entity: cover.top_garage_door
name: Top
show_icon: true
state_color: true
tap_action:
action: toggle
- entity: cover.bottom_garage_door
name: Bottom
show_icon: true
state_color: true
tap_action:
action: toggle
- entity: cover.garage_door
name: All
show_icon: true
state_color: true
tap_action:
action: toggle
cards:
- type: custom:mini-media-player
entity: media_player.garage_echo
show_states:
- playing
- paused
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: switch.garage_camera_detect
tap_action:
action: toggle
- type: entity
entity: switch.garage_camera_recordings
tap_action:
action: toggle
- type: entity
entity: switch.garage_camera_snapshots
tap_action:
action: toggle
- type: custom:frigate-card
cameras:
- camera_entity: camera.garage_camera
live_provider: image
image:
refresh_seconds: 15
dimensions:
aspect_ratio_mode: static
aspect_ratio: "16:9"
Can you spot any issues here that might be causing this to happen?