fix: prevent header event propagation on button click

liimaorg · Dec 24, 2024 · b8cce75 · b8cce75
1 parent 6d89c35
commit b8cce75
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/AMW_angular/io/src/app/shared/tile/tile.component.ts b/AMW_angular/io/src/app/shared/tile/tile.component.ts
@@ -20,7 +20,7 @@ import { TileListComponent, TileListEntry, TileListEntryOutput } from './tile-li
         </div>
         @if (canAction()) {
         <div class="tile-action-bar">
-          <app-button [variant]="'primary'" [size]="'sm'" (click)="tileAction.emit()">
+          <app-button [variant]="'primary'" [size]="'sm'" (click)="doTileAction($event)">
             <app-icon icon="plus-circle" />
             <span>{{ actionName() }}</span></app-button
           >
@@ -91,4 +91,10 @@ export class TileComponent {
   toggleBody() {
     this.showBody.set(!this.showBody());
   }
+
+  doTileAction(event: any) {
+    event.preventDefault();
+    event.stopPropagation();
+    this.tileAction.emit();
+  }
 }