Kendo Grid selection and TrackJs interesting conflict

[Levon]

Hello Every one

In the given example I use Kendo Grid with checkbox in the first column and also there is a SelectAll checkbox as column header. Also there is a TrackJS package installed. when tracksj is not initialized the click event of the select all checkbox emit "CHECKED" string as an event. And, heere is intersting, If TrackJS is initialized same event fires "UNCHECKED" value as an event :). Here is a example to reproduce and test my case.

https://stackblitz.com/edit/test-kendo-grid-checkbox?file=src/app/app.component.ts

The TrackJS is very usefull package wich allow to catch JS errors at production. And I have this issues . 
Does this reported in the past?

Does it possible to have a fix or support from Kendo Team?

[Martin Bechev]

Hi Levon,

Thank you for the prepared example.

I checked the provided demo and noticed the reported discrepancy. It looks like TrackJS attach its own handlers and interrupts the select-all default behavior.

As a workaround that I could suggest:

• prevent the mousedown event of the select-all checkbox and omit using setTimeout functions:
  https://stackblitz.com/edit/test-kendo-grid-checkbox-vnyjom
• enable TrackJS outside the Angular zone:
  https://stackblitz.com/edit/test-kendo-grid-checkbox-az2gug

In addition, I want to add that the developer can set the state of the select-all checkbox by using the state property of the kendoGridSelectAllCheckbox directive. It allows setting the checkbox to an indeterminate state when just a few rows are selected. For more details, please check the following example from our documentation:

https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting/#toc-selecting-all-items

I hope this helps. Let me know if I am missing something.

Regards,
Martin
Progress Telerik

[Levon]

Martin, thank you for your response

enabling TrackJS outside the Angular zone solve the mentioned issue.
Also thanks for help regarding to mousedown event.