ng-touch - Child element triggers ng-click for parent

[bzamora]

Example of problem below:

http://codepen.io/bzamora/pen/OPyogw

I am using ng-touch in my AngularJS app to provide touch events. I am using the ng-touch built in ng-click-active class to animate a tile when clicked. All is good so far, no issues.

There is also a checkbox inside the tile that is only displayed when the user is in "edit" mode. At this point, I don't want the clicking of the checkbox to trigger the parent's element click. I've tried canceling the click when in edit mode ng-click="inEditMode === false && doStuff() and also using $event.stopPropagation() in the checkbox to try to stop the click event from propagating up to the tile. Nothing has worked so far...

Thanks for any help!

Also asked in SO: http://stackoverflow.com/questions/27272989/ng-touch-child-element-triggers-ng-click-for-parent

[petebacondarwin]

I haven't looked in any depth but there seems to be a number of ngTouch/ngClick issues still open and a PR. Can you take a look and see if these are related to this and whether the PR fixes it? We should try to deal with all of these together...

#4030
#6001
#6251
#6995
#9872