Mqtt light crashes lovelace

Hi everybody,

UPDATE: in case anybody else is experiencing this problem, I cross-posted this in the project’s github issue tracker. I might get a reply there sooner than here, or sooner here than there, so I linked this post in the github issue as well as linking the issue tracker in this post…

I am using led_esp8266_mqtt_json_lights with a nodeMCU and WS2812 and integrated them into Home Assistant as described in the wiki (yaml below). I can toggle this light just fine, and use it in automations, scripts, and scenes; but when I open the popup box that lets you pick and change color, brightness, effects, lovelace crashes. On desktop, I’ll eventually get a notification that a script on this website is slowing down the browser (options wait or stop script; when I wait the dialog will pop up later, it will not work at all); on mobile browser, nothing will work and I’ll have to manually quit the browser and open it again to access Home Assistant again.

I am using Firefox on both desktop and mobile, but I have also tried the Home Assistant android app as well as other browsers (even resorted to installing Chrome on my Android), but the problem occurs there as well.

This entire code block is taken from their wiki, and it should work. However, I also have some ESPhome controlled LED strips, which work fine; I used to have a Tasmota one as well, that also worked without any trouble. Only this one will freeze my lovelace.

I have tried deleting some effects from the effect_list (assuming those might just have been too many), but that didn’t work; also, it’d seem pretty strange to me if a list could break Home Assistant…

Do you have an idea how I could fix this? Thank you for your input :slight_smile:

light:
  platform: mqtt
  schema: json
  name: 'SZ LED Seite'
  state_topic: 'light/led'
  command_topic: 'light/led/set'
  availability_topic: 'light/led/LWT'
  payload_available: 'Online'
  payload_not_available: 'Offline'
  effect: true
  effect_list:
    - static
    - blink
    - breath
    - color wipe
    - color wipe inverted
    - color wipe reverse
    - color wipe reverse inverted
    - color wipe random
    - random color
    - single dynamic
    - multi dynamic
    - rainbow
    - rainbow cycle
    - scan
    - dual scan
    - fade
    - theater chase
    - theater chase rainbow
    - running lights
    - twinkle
    - twinkle random
    - twinkle fade
    - twinkle fade random
    - sparkle
    - flash sparkle
    - hyper sparkle
    - strobe
    - strobe rainbow
    - multi strobe
    - blink rainbow
    - chase white
    - chase color
    - chase random
    - chase rainbow
    - chase flash
    - chase random
    - chase rainbow white
    - chase blackout
    - chase blackout rainbow
    - color sweep random
    - running color
    - running red blue
    - running random
    - larson scanner
    - comet
    - fireworks
    - fireworks random
    - merry christmas
    - fire flicker
    - fire flicker soft
    - fire flicker intense
    - circus combustus
    - halloween
    - bicolor chase
    - tricolor chase
    - icu
  brightness: true
  rgb: true
  optimistic: false
  qos: 0

input_number:
  led_effect_speed:
    name: 'LED Effect Speed'
    initial: 50 # This is the default speed
    mode: slider
    min: 10  # ######################################
    max: 500 # Feel Free to adjust these as you like
    step: 5 # ######################################

automation:
  - id: 'led8266'
    alias: "[Licht] LED8266 Speed"
    action:
      - alias: Set LED Lights Effect Speed
        service: mqtt.publish
        data_template:
          topic: light/led/set
          payload: '{"speed":{{ trigger.to_state.state | int }}}'
    trigger:
      - platform: state
        entity_id: input_number.led_effect_speed