Click Event not fired in Toolbar

Question

Hi, I'm using the Toolbar component in my React Typescript environment.

Unfortunately, the click event does not get fired when clicking on a button of the Toolbar. I have prepared a demo, where the problem appears:

https://stackblitz.com/edit/react-ts-pcqdtd?file=index.tsx

Any idea?

Nevitha Ravi · Accepted Answer

Hi Laurin, 

Thanks for your update. 

We have checked the reported case at our end, click action need to bind for individual toolbar items. We confirm this as defect and logged bug report which can be tracked from the following link. The issue fix will be included in our weekly patch release scheduled on December 8, 2020. In the meantime, we suggest you to use clicked event in the root as shared in our previous post. 
https://www.syncfusion.com/feedback/19963/click-event-not-working-for-individual-item  

Regards, 
Nevitha

Nevitha Ravi · Answer

Hi Laurin, 

Greetings from Syncfusion Support. 

We have checked your shared sample in which you have raised the event in individual item which is the cause for the reported issue, you need to add clicked event in root element. Please refer the following code and sample. 
https://stackblitz.com/edit/clicked-event?file=index.tsx 

const onClick = (args: ClickEventArgs) => { 
    console.log(args.item.text + " clicked"); 
  }; 
 
 <ToolbarComponent clicked={onClick.bind(this)}> 

Please try the sample and get back to us if you need any further assistance. 

Regards, 
Nevitha

Laurin S · Answer

Ok, that works, thanks.Just to know: For which reason/purpose do we have the option to set a click-event-handler on the single items, if they cannot be used for such purposes?<ItemDirective click={clickHandler} /> //???