Checkbox unselecting in tree grid is not taking place for specific steps

Hi Team,

Observing this strange issue where checkbox unselecting in tree grid is not getting reflected on UI for specific steps when grid selection mode is 'Both'

Steps:
  1. Click on header checkbox to select all checkboxes at once
  2. On any particular row, click inside check box cell just beside the checkbox element

Actual result:
It is observed that on UI the checkbox of row is seen checked when in actual that row gets unchecked (See the header check box it changes from checked to dash)

Expected results:
The row should be shown unchecked

Note:
It happens only when selection mode is 'Both'. It is to be noted that this particular mode is needed since in real scenario we need cell and row click events

Please find attached file for sample code where issue is reproducible by above steps. It also includes a video sample inside folder named 'issue-video'.

Attachment: checkboxissue_a280b556.zip

3 Replies

DG Dhinesh Govindharaji Syncfusion Team July 5, 2024 12:09 PM UTC

Hi Tuariq ,


Greetings from Syncfusion.


We are able to replicate the issue at our end in your shared sample with 22.2.9 version. The reported issue (Checkbox unselecting in tree grid is not getting reflected on UI) has been resolved in our latest version. We recommend you to update your package to the latest version(v26.1.40) to overcome your issue.


Latest version sample link: https://stackblitz.com/edit/angular-r8s9as-1lfv41?file=src%2Fapp.component.html,package.json



Regards,

Dhinesh G



TU Tuariq July 8, 2024 01:04 PM UTC

Hi Dhinesh G,


I checked the provided response. Although the UI seems fixed, but I am still not getting the internal 

checkboxChange() event fired when row is unselected using above steps.

PFA for sample project.


Attachment: checkboxissue_fbff362c.zip


DG Dhinesh Govindharaji Syncfusion Team July 9, 2024 01:29 PM UTC

Hi Tuariq,


We have evaluated the issue you reported regarding the checkboxChange() event fired while unselecting the row(upon clicking the row). However, we were unable to replicate this issue on our end.


Please refer to the sample provided below,

https://stackblitz.com/edit/angular-r8s9as-7bsjci?file=src%2Fapp.component.html,src%2Fapp.component.ts


Additionally, we have prepared a video demo to show the results from our end.
https://www.syncfusion.com/downloads/support/directtrac/general/ze/Ticket-608617-108566717.zip


If the issue persists in your scenario, we kindly request you to provide us with the following details:

  1. Video demo replicating the issue.
  2. Detailed steps to replicate the issue, including any specific actions you are performing.


Note:- Attached video demonstrates the previously mentioned issue.


This information will help us better understand the situation, identify the exact cause of the issue, and provide a more accurate solution.


Kindly get back to us for further assistance.


Regards,

Dhinesh G


Loader.
Up arrow icon