diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx index 750e7f28df..86274858da 100644 --- a/core/src/components/checkbox/checkbox.tsx +++ b/core/src/components/checkbox/checkbox.tsx @@ -114,10 +114,7 @@ export class Checkbox implements ComponentInterface { } } - private onClick = (ev: Event) => { - ev.preventDefault(); - ev.stopPropagation(); - + private onClick = () => { this.setFocus(); this.checked = !this.checked; this.indeterminate = false; @@ -171,6 +168,14 @@ export class Checkbox implements ComponentInterface { {labelText} { + {/** + * This is needed otherwise any click + * events set on `ion-item` are fired twice + */} + ev.preventDefault(); + ev.stopPropagation() + }} type="checkbox" aria-checked={`${checked}`} disabled={disabled}