Label clickable inside ion-checkbox

Ionic Framework ionic-v3
1

Hello, (click)="clickPopUp()" never called

<ion-item *ngFor="let symptom of vitalsigns" text-wrap >
      <ion-label class="div" data-enhanced="true">{{ symptom.desc }} <a *ngIf="symptom.desc == 'Fever'" (click)="clickPopUp()"> <ion-icon name="alert"></ion-icon></a></ion-label>
      <ion-checkbox color="dark"  data-mini="true" [(ngModel)]="symptom.clicked" (ionChange)="onCheckBoxChanged(symptom.clicked, symptom)"></ion-checkbox>
    </ion-item>
  </ion-list>

If i remove ion-checkbox, it works.

I appreciate for any suggestions!

2

I suspect having multiple clickable elements in the same item might not be supported.