Skip to content

Tap action confirmation not working on tile sliders/icons #26871

Description

@musapinar

Checklist

  • I have updated to the latest available Home Assistant version.
  • I have cleared the cache of my browser.
  • I have tried a different browser to see if it is related to my browser.
  • I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

In a card configuration that contains the following :

    tap_action:
      confirmation:
        text: Do you want to toggle water_valve_3?

The confirmation does not pop if you click on the slider or the icon.

Better explained in video : https://streamable.com/xzjq9a

Describe the behavior you expected

Expected behavior : pop the confirmation modal when I click anywhere on the tile (on the primary text/title, on the secondary text/description, on the slider, on the blank margins, on the icon, etc.), that is to say anywhere inside the tile borders

Steps to reproduce the issue

  1. Add this card (edit entity)
cards:
  - type: tile
    name: Valve 3
    icon: mdi:sprinkler
    entity: valve.water_valve_3
    features_position: bottom
    vertical: false
    show_entity_picture: false
    hide_state: false
    state_content:
      - state
      - last_changed
    features:
      - type: valve-open-close
    tap_action:
      confirmation:
        text: Do you want to toggle water_valve_3?
  1. Click the slide to toggle on/off the valve

Expected behavior : a modal with a confirmation prompt before triggering the toggle
Noted behavior : Toggle is triggered immediately, without any confirmation modal
...

What version of Home Assistant Core has the issue?

2025.9.0

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue?

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:142.0) Gecko/20100101 Firefox/142.0

Which operating system are you using to run this browser?

No response

State of relevant entities

Problem-relevant frontend configuration

JavaScript errors shown in your browser console/inspector

Additional information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    Priority

    None yet

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions