Click event in ion-checkbox inside ion-item trigger even outside checkbox

on clicking anywhere in the ion-item the click event defined in ion-checkbox is getting triggered. can anyone help

 <ion-item
    [class.animation-swipe-right] ="item.id === selectedid && segment =='Pending'"
    [class.animation-swipe-left] ="item.id === selectedid && segment =='Done'"
  
    >
      <ion-label>

        {{item | json}}
        <h3>{{item.itemname}}</h3>
        <p>
          {{item.itemqty}} &mdash; {{item.itemunit}}
        </p>
      </ion-label>
      <div>
        <ion-checkbox [attr.checked]="item.isCompleted" (click)="makeItemChecked($event,item); 
        $event.stopPropagation();"></ion-checkbox>
      </div>
      
    </ion-item>

1 post - 1 participant

Read full topic