Lovelace refreshs every second

Configuration Frontend
1

Hey there,

I’m for a year now with Home Assistant, many thx to everybody who developed this very nice product.

I’ve an issue with my and need some guidance, below my lovelace configuration.
There are two hue play devices configured with the hue bridge and attached to my Philips OLED
I want to see the color change of the hue’s live on my dashboard, which works pretty well. Also my living room lamp color is show as it is.

But, every second the dashboard is refreshing and I don’t know why.

Any suggestions are much appreciated.

thx

views:
  - theme: Backend-selected
    title: Home
    type: panel
    badges: []
    cards:
      - type: custom:config-template-card
        entities:
          - sun.sun
          - light.living_room_light
          - light.hue_play_1
          - light.hue_play_2
          - light.65oled876_12_ambilight
          - binary_sensor.ikea_of_sweden_tradfri_motion_sensor_motion
        card:
          type: picture-elements
          image: /local/images/floorplan/apartment_dark.png
          elements:
            - type: image
              action: none
              entity: sun.sun
              state_image:
                above_horizon: /local/images/floorplan/apartment_day.png
                below_horizon: /local/images/floorplan/apartment_dark_transparent.png
              style:
                top: 100%
                left: 50%
                width: 100%
              tap_action:
                action: none
              hold_action:
                action: none
            - type: image
              entity: light.living_room_light
              image: /local/images/floorplan/apartment_living_room_light_on.png
              tap_action:
                action: none
              hold_action:
                action: none
              style:
                top: 50%
                left: 50%
                width: 100%
                mix-blend-mode: lighten
                opacity: >-
                  ${ states['light.living_room_light'].state === 'on' ?
                  (states['light.living_room_light'].attributes.brightness /
                  255) : 0 }
                filter: >-
                  ${  states['light.living_room_light'].attributes.hs_color ?
                  "brightness(0.5) sepia(1) saturate(1000%) hue-rotate(" + (
                  states['light.living_room_light'].attributes.hs_color[0] - 12)
                  + "deg)" : "none"}
            - type: image
              entity: light.hue_play_1
              image: /local/images/floorplan/apartment_hue_right_light_on.png
              tap_action:
                action: none
              hold_action:
                action: none
              style:
                top: 50%
                left: 50%
                width: 100%
                mix-blend-mode: lighten
                opacity: >-
                  ${ states['light.hue_play_1'].state === 'on' ?
                  (states['light.hue_play_1'].attributes.brightness / 255) : 0 }
                filter: >-
                  ${  states['light.hue_play_1'].attributes.hs_color ?
                  "brightness(0.5) sepia(1) saturate(1000%) hue-rotate(" + (
                  states['light.hue_play_1'].attributes.hs_color[0] - 12) +
                  "deg)" : "none"}
            - type: image
              entity: light.hue_play_2
              image: /local/images/floorplan/apartment_hue_left_light_on.png
              tap_action:
                action: none
              hold_action:
                action: none
              style:
                top: 50%
                left: 50%
                width: 100%
                mix-blend-mode: lighten
                opacity: >-
                  ${ states['light.hue_play_2'].state === 'on' ?
                  (states['light.hue_play_2'].attributes.brightness / 255) : 0 }
                filter: >-
                  ${  states['light.hue_play_2'].attributes.hs_color ?
                  "brightness(0.5) sepia(1) saturate(1000%) hue-rotate(" + (
                  states['light.hue_play_2'].attributes.hs_color[0] - 12) +
                  "deg)" : "none"}
            - type: state-icon
              entity: light.living_room_light
              tap_action:
                action: toggle
              style:
                top: 32%
                left: 44%
            - type: state-icon
              entity: light.hue_play_1
              tap_action:
                action: toggle
              style:
                top: 23%
                left: 45.5%
            - type: state-icon
              entity: light.hue_play_2
              tap_action:
                action: toggle
              style:
                top: 23%
                left: 38%
            - type: state-icon
              entity: binary_sensor.ikea_of_sweden_tradfri_motion_sensor_motion
              style:
                top: 70%
                left: 44%
2

Could it be something to do with the change in 2023.2:-

(History cards now update live)

3

Thank you, but not the case I believe.
What I’ve found out in the last 30 min…the every second flickering refresh starts in that moment when I turn on Ambilight + Hue on my OLED.

4

Do not ever put place-elements inside config-template-card (CTC).
Use CTC for a particular element inside picture-elements.

5

Thank you. Would you mind please and guide me a little bit in the right direction regarding my code?
What I don’t understand is, the code works perfect apart from when I turn on the “Ambilight+Hue” on my OLED.
Is there anyone out there who made a similar lovelace with Hue play lights?

6

Suggestion:

  1. Reduce your code to a minimal snippet - only related to your particular problem.
  2. Post this code & a question in the already present dedicated config-template-card community thread - let’s keep solutions in one place & share experience.
7

Found something useful here…
https://github.com/home-assistant/frontend/issues/14310