For the DataTable, there is a row click select function and in one cell, there are action buttons.
Comp 1:
<aura:component >
..
<tr class="{! 'file-list-row ' + (file.checked?'slds-is-selected':'')}" onclick="{!c.toggleRowSelect}" data-file-id="{!file.id}">
<td>
<c:Actions file="{!file}" objectName="cg__S3Object__c" ></c:Actions>
</td>
</tr>
..
</aura:component>
I want to stop propogation for action buttons on click. And according to documantation I have tried to:
Comp 2 (Actions):
<aura:component controller="FileListController">
..
<aura:registerEvent name="sampleComponentEvent" type="COMPONENT"/>
<aura:handler name="sampleComponentEvent" event="COMPONENT" action="{!c.handleSampleEvent}"/>
..
</aura:component>
and the controller should be:
handleBubbling: function(component, event, helper) {
event.stopPropagation();
}
Documentation: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/events_component_bubbling.htm
However I get this error message over and over again, no matter what I try: