Grouped Items in Chrome 78

[Simeon]

Hi,

from Chrome version 78, when you group a column in the RadGrid, the grouping item displays the "X" button on a second row, making the item too high. Is there any fix for this? Attaching a screenshot below.

 

 

[Peter Milchev]

Hello Simeon,

Thank you for reporting this behavior. 

We have logged it in our feedback portal where you can find more information and possible workarounds:

• https://feedback.telerik.com/aspnet-ajax/1436324-grid-in-classic-rendermode-has-grouppanel-height-problem-in-the-latest-chrome-v78

Generally, the issue is a regression of Google Chrome, which is not replicated in Google Chrome Canary, meaning the issue will be fixed in Google Chrome in version 79 or 80.

The workarounds for the issue in the meantime are:

1) Using Lightweight render mode:

• https://docs.telerik.com/devtools/aspnet-ajax/controls/render-modes#lightweight-rendermode;

2) Using the following style addressing only Chrome v78 and v79:

<style>
    .t-chrome78 .RadGrid table.rgGroupPanel table th.rgGroupItem,
    .t-chrome79 .RadGrid table.rgGroupPanel table th.rgGroupItem{
        display:-webkit-box;
    }
</style>

Regards,
Peter Milchev
Progress Telerik