Last Updated: 19 Jan 2022 11:56 by ADMIN
Scheduled for 2022.1
Created on: 25 May 2020 10:15
Type: Bug Report
Use more precise style rules when intended and possible (sass default theme)


I prepared a demo https://dojo.telerik.com/EYeYUSUw/6

Also applies to the latest default sass theme but probably to many more.

As you can see, the master grid its 'content row' hover effect is being applied to even the header of the detail grid and there is no way to resolve that unwanted effect apart from adding more styling tedious rules. 

The resolution is so simple:

.k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover {
    background-color: #e6e6ea;

Should be

.k-grid tbody > tr:hover, .k-grid tbody > tr.k-state-hover {
    background-color: #e6e6ea;


I did not search for the source files/lines what might need to change - easy to find in your current version.

There could be many more of these simple improvements which would save many hours on ours side!



1 comment
Veselin Tsvetanov
Posted on: 26 May 2020 07:49

Hello Jan,

Thank you for the suggested improvement of the Grid styling. I have just transferred this thread as a bug report to the Kendo UI Feedback portal. Here is the link to the public item:


I would suggest you cast your vote for the above.

As a small token of gratitude for reporting the above, I have updated your Telerik points.

In case you have any other questions, please do not hesitate to contact us.

Veselin Tsvetanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.