Grid does not maintain row selection (visually highlighted)

1 Answer 33 Views
Grid
Nick
Top achievements
Rank 1
Nick asked on 03 Aug 2022, 05:42 PM

Hello,

Just upgraded to 2022.2.802 Kendo UI for jQuery and noticed that when clicking on a row in a grid it correctly highlights it (e.g. dark blue), but doesn't maintain the selection when moving the mouse from the row. This appears to be a breaking change - at least for our code. Previously it would still be selected/highlighted when moving the mouse away from the row.

Cheers,
Nick

Andreas Schneider
Top achievements
Rank 1
commented on 04 Aug 2022, 05:36 AM

Hello,

Same problem for me. It seems that k-state-selected was changed to k-selected in the grid for from .621 to .802., also JavaScript code which uses k-state-selected for the grid is broken.

Regards
Andreas

Nick
Top achievements
Rank 1
commented on 04 Aug 2022, 07:06 PM

I can reproduce it in the Telerik demo.

https://demos.telerik.com/kendo-ui/grid/selection?autoRun=true&theme=bootstrap

Click a row for selection. Then move mouse away from row and it's no longer highlighted.

 

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 08 Aug 2022, 11:28 AM

Hi, Nick,

Thank you for the provided details.

It appears that this is a bug with the LESS themes. I have logged an issue in our public GitHub repository for the kendo themes:

https://github.com/telerik/kendo-themes/issues/3793 

I apologize about the caused inconvenience.

Workaround

You can use the following CSS style to add the background manually.

  <style>
    .k-grid .k-selected td {
      background-color: #3379b5;
    }
  </style>

Additional Information

The LESS themes will be deprecated in 2023 and it is strongly recommended that you migrate to a SASS theme before that. The row selection works as expected when a SASS theme is used:

https://demos.telerik.com/kendo-ui/grid/selection?autoRun=true&theme=bootstrap-main 

Best Regards,
Georgi Denchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Nick
Top achievements
Rank 1
Answers by
Georgi Denchev
Telerik team
Share this question
or