Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not working on iOS and sometimes even on Edge

See original GitHub issue

My Home Assistant version: 2021.3.1

My lovelace configuration method (GUI or yaml): GUI

What I am doing: Modified --icon for 3 button cards inside a horizontal-stack

What I expected to happen: Icon to reflect code changes always and on all devices

What happened instead: sometimes a refresh of the browser ( Edge on Win10 ) shows standard icons, mostly of the time it works. Instead it never worked for mobile app ( iOS device ). I have tried with javascript_version: latest as per troubleshooting steps but I receive:

2021-03-07 19:48:12 ERROR (MainThread) [homeassistant.components.frontend] Please remove javascript_version from your frontend config. It is no longer supported

Minimal steps to reproduce:

    card_mod:
      style: |
        :host {
          --icon:
            {% if states('binary_sensor.custom_alexa_speaks') == 'on' %}
              mdi:volume-high;
            {% else %}
              mdi:volume-off;
            {% endif %}
          }

Error messages from the browser console:

By putting an X in the boxes ([]) below, I indicate that I:

Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
Have made sure I am using the latest version of the plugin.
Have followed the troubleshooting steps of the “Common Problems” section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.