Grid does not maintain row selection (visually highlighted)

[Nick]

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]

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]

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.

 

[Georgi Denchev]

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