KendoReact Grid OnRowDoubleClick for custom cell component

[Andrei]

Hello, i am using KendoReact Grid component, for one column i use custom component for cell, for some reason OnRowDoubleClick event doesn't fire when i double click on this cell, fot other cells double click is working fine, what am i doing wrong? is there a way to make it work?

 

event doesn't fire when you click on span element(blue on screen), but when you click on cell padding(green on screen) it does fire

it looks like i need to pass the event on span element, but i dont know which one since only event that comes through props is onChange

[Andrei]

if you have no other events attached to parent span you can add pointer-event:none option in css to it to prevent span from blocking events on td

[Stefan]

Hello, Andrei,

In general, the event has to be fired as expected unless there is a custom logic that is preventing it from the styles or the JavaScript:

https://stackblitz.com/edit/react-ffsxos?file=app/main.jsx

[Andrei]

try double click on the text in last column
https://stackblitz.com/edit/react-ffsxos-mmzb8i?file=app/main.jsx

[Stefan]

Yes, in this case, this occurs as we have an internal check if the element is a TD:

 if (this.props.onRowDoubleClick && (e.target as any).nodeName === 'TD') {

We have this check because if the custom cell has a button we do not want to fire that event when the user double clicks the button.

In this case, we can suggest the developer to attach its own onDoubleClick over the TD and call the same logic.

The approach that you have suggested is also valid.