fix: only stop touch propagation when extending a row

Author: jcwillox

src/action-handler.ts

@@ -26,6 +26,7 @@ const isTouch =
 export interface CustomActionHandlerOptions extends ActionHandlerOptions {
   disabled?: boolean;
   repeat?: number;
+  stopPropagation?: boolean;
 }
 
 interface Ripple extends HTMLElement {
@@ -180,7 +181,9 @@ class ActionHandler extends HTMLElement implements IActionHandler {
     }
 
     element.actionHandler.start = (ev: Event) => {
-      ev.stopPropagation();
+      if (options.stopPropagation) {
+        ev.stopPropagation();
+      }
       this.cancelled = false;
       let x: number;
       let y: number;
@@ -208,7 +211,9 @@ class ActionHandler extends HTMLElement implements IActionHandler {
     };
 
     element.actionHandler.end = (ev: Event) => {
-      ev.stopPropagation();
+      if (options.stopPropagation) {
+        ev.stopPropagation();
+      }
       // Don't respond when moved or scrolled while touch
       if (
         ev.type === "touchcancel" ||

src/entity-row.ts

@@ -41,6 +41,7 @@ createModule("hui-generic-entity-row", function () {
       {
         type: "custom:paper-buttons-row",
         ...pbConfig,
+        is_extended_row: true,
       },
       true,
     );

src/main.ts

@@ -260,6 +260,7 @@ export class PaperButtonsRow extends LitElement {
                     hasHold: hasAction(config.hold_action),
                     hasDoubleClick: hasAction(config.double_tap_action),
                     repeat: config.hold_action?.repeat,
+                    stopPropagation: !!this._config?.is_extended_row,
                   })}"
                   style="${styleMap(buttonStyles)}"
                   class="${this._getClass(
@@ -363,7 +364,9 @@ export class PaperButtonsRow extends LitElement {
 
   private _handleAction(ev: ActionHandlerEvent, config: ButtonConfig): void {
     if (this.hass && config && ev.detail.action) {
-      ev.stopPropagation();
+      if (this._config?.is_extended_row) {
+        ev.stopPropagation();
+      }
       handleAction(this, this.hass, config, ev.detail.action);
     }
   }

src/types.ts

@@ -63,6 +63,7 @@ export interface PaperButtonRowConfig {
   position?: "center" | "right";
   hide_badge?: boolean;
   hide_state?: boolean;
+  is_extended_row?: boolean;
 }
 
 export interface ExternalButtonConfig
@@ -79,6 +80,7 @@ export interface ExternalPaperButtonRowConfig
   extends Omit<PaperButtonRowConfig, "buttons" | "styles"> {
   buttons: Array<ExternalButtonType | Array<ExternalButtonType>>;
   styles?: Record<string, string | Template>;
+  is_extended_row?: boolean;
 }
 
 export interface FireEventActionConfig extends BaseActionConfig {