Material Theme Virtual Scrolling Flicker

[Nate]

Hello -

I'm noticing a CSS artifact or issue with the Material Theme when using the virtual scrolling feature with remote data in the grid.

To see the issue, view: http://demos.telerik.com/kendo-ui/grid/virtualization-remote-data

Change the theme (using the theme changer) to: Material Black Theme

Now, rapidly scroll down in the grid.  The grid will "live load" new records due to the virtual scrolling.

However, you will notice that while loading, the grid will show alternate row styles and then they will disappear once the data appears.

It seems like the Grid's alternate row style is appearing during live load when it should not.

Has anybody found a way to prevent this flicker and alternate row styles from appearing so the grid rows always look the same?

[Iliana Dyankova]

Hi Nate,

Thank you for pointed our attention to this issue - a fix will be available in our next internal build. Meanwhile you could use the following CSS rule as a workaround: 

.k-grid tr {
    background-color: #363636;
}

 

As a small sign of gratitude I updated your points. 

Regards,
Iliana Nikolova
Telerik