Tap Action Doesn't Always Work

Sometimes when I tab a button, despite that the background highlights as though it’s registering my touch, nothing happens. It’s infuriating and frustrating and I need help.

Here’s a YouTube video/screenshot I made of my Spotify screen - watch the Next Track button:

  • First tap, moves to next track as expected.
  • 2nd tap, highlights as if pressed, but nothing happens.
  • 3rd tap, moves to next track as expected.

I even waited after the first tap so as not to confuse it or try to do too much as once, and it still didn’t register the 2nd tap.

Here’s my (lengthy) code for this particular button:

      - type: picture-elements
        image: /local/images and icons/layout_sections/section_main_background.jpg
        elements:
...
          - type: custom:button-card
            entity: media_player.spotify_zach
            name: Spotify
            show_name: false
            show_entity_picture: true
            entity_picture: /local/images and icons/audio/button__audio__pause.png
            tap_action:
              action: call-service
              service: script.spotify_play_pause
              service_data:
                entity_id: media_player.spotify_zach
            style:
              left: 50%
              top: 12%
            styles:
              card:
                - width: 70px
                - height: 65px
                - background: rgba(0, 0, 0, 0)
                - box-shadow: 0px 0vw 0vw 0px rgb(0, 0, 0)
              icon:
                - width: 95%
            state:
              - value: playing
                entity_picture: /local/images and icons/audio/button__audio__pause.png
                styles:
                  card:
                    - opacity: 100%
                  icon:
                    - width: 80%
              - value: paused
                entity_picture: /local/images and icons/audio/button__audio__play_1.png
                styles:
                  card:
                    - opacity: 100%
                  icon:
                    - width: 80%
              - value: idle
                entity_picture: /local/images and icons/audio/icon__spotify_2.png

My husband told me he’s “just not going to use Home Assistant anymore because it never works right” and now I think I might be dead inside.

iOS or Android app?

Any errors in your system log related to this?

It might be the device or OS: Ironically, just before reading this post, I tapped on a link and I got visual feedback, but nothing happened. So, it definitely registered the tap, but there was no action. This is on an iPhone 12 mini using Safari. I believe the HA app is driven by the same webkit that Safari is built on. I have sometimes had the issue in HA as well, but infrequently and sometimes it was because a dashboard view wasn’t yet fully loaded. Recently, I also had an issue where the adjacent switch/button would get actioned, which was a first for me (v2021.247). Perhaps you could check the debug logs of the app?