To-Do list card - Option to disable edit dialog, make click on all parts of item check it off

Feature Requests
1

For our shopping list we have never needed to open the edit item dialog, but the hit area for it is almost the whole list item element, while the checkbox itself is tiny in comparison, leading to a lot of accidental and unwanted edit dialogs.

This is my current workaround to disable the pointer event for the whole line, and then re-enabling it for just the checkbox.

card_mod:
  style:
    .: |
      ha-check-list-item {
        pointer-events: none;
      }
    ha-check-list-item $:
      mwc-checkbox $: |
        :host {
          pointer-events: initial;
        }
2

Thank you, this is just what I was looking for.
For my use case I am creating a to do list for my kid so I don’t want him to be able to click the items in the to do list and modify it but I do want the check box enabled.

3

Hello,
an extension of the workaround that allows for clicking on the item text to check it off. Not elegant but seems to work.

card_mod:
  style:
    .: |
      ha-check-list-item
      {
        height: 30px  !important;
        min-height: 30px !important;
        pointer-events: none;
      }
    ha-check-list-item $:
      mwc-checkbox $: |
        :host {
          pointer-events: initial;
        }
        :after
        {
          content: " " ;
          display: inline-block;
          width: 400px; 
          height: 30px;
          overflow-x: visible;
          white-space: nowrap;
        }
4

mwc checkbox has been renamed in 2025.5. I use this now:

card_mod:
  style:
    ha-check-list-item $:
      ha-checkbox $: |
        :host {
          pointer-events: auto;
        }
    .: |
      ha-check-list-item {
        pointer-events: none;
      }