Lovelace tap_action

Configuration
1

I feel as though I have tried everything. Why can’t my image or even my state-icon do any actions?

title: My Awesome Home

views:
  - icon: mdi:home-assistant
    id: home
    title: Home Floor Plan
    
  
    cards:
      - type: picture-elements
        image: /local/custom_ui/floorplan/floorplan.png
        title: Main level
        elements:
          - type: image
            entity: light.holiday_lights
            tap_action: #toggle
                action: toggle
            image: /local/Livingcutout1.png
            state_image:
                "on": /local/lightson.png
                "off": /local/lightsout.png

            state_filter:
                  "on": brightness(100%) saturate(1.2)
                  "off": brightness(50%)
            filter: saturate(.8)
            style:
                 top: 74.0%
                 left: 35.0%
                 width: 61.4%
          - type: state-icon
            entity: light.holiday_lights
            tap_action: #toggle
                action: toggle
            style:
                top: 78%
                left: 32%
2

Please read top of page about formating

3

Sorry about that; noob mistake.

4

Try clicking… and holding on the image. I had the same issues until I stumbled on that.

5

That didn’t work either. When i hover over the image it says “show move info: Holiday lights”

6

Click or click and hold resulted in nothing taking place. The icon and image is working with state changes but fails to do anything on clicking :frowning:

I even tried the yaml with and without

state_image:
                "on": /local/lightson.png
                "off": /local/lightsout.png
7

Super frustrating. I’ve been troubleshooting this on my Windows 10 device using Chrome and Edge… neither of them work. So I saw another thread with issues on the phone and this issue; went to my phone and the code works. So… how do we report a issue like this?