I have a nested list and the inner-most items have a click handler. The click handler doesn’t fire when clicked on. If I move the inner list items out to the outer list, they work as expected.
Here’s my code: <ion-list> <ion-item > <ion-list no-lines> <ion-item menuClose *ngFor="#p of validProjects" (click)="openProject(p)"> {{p.name}} </ion-item> </ion-list> </ion-item> <ion-list>
I have a custom component (multi-select list) inside ion-input, and it ignores the (click) event for me too. If I use (tap) then is works, but then it doesn’t scroll the page if scrolling starts tapping one of the elements with (tap).
Currently fixed by replacing ion-input with ion-item, which had the same issue but was recently fixed.