Button inside of a clickable ion-card

@shaneparsons wrote:

I have a list of clickable cards. In the top right corner of each card is a fab. Clicking a fab fires the card’s click function along with the intended function. Is there any way to prevent this from happening?

Here’s the current structure:

<ion-card *ngFor="let style of this.styles" (click)="choose(style)">
  <img src="{{ style.image }}"/>
  <h1 class="card-title">{{ style.name }}</h1>
  <ion-fab top right>
    <button ion-fab (click)="showDescription($event, style.description)">
      <ion-icon name="information-circle"></ion-icon>
    </button>
  </ion-fab>
</ion-card>

Posts: 1

Participants: 1

Read full topic