Completed
Last Updated: 23 Jun 2025 13:11 by ADMIN
Release 2025 Q3 (Aug)
Devops
Created on: 23 Jun 2025 12:41
Category: Grid
Type: Bug Report
0
Drag selection overlay not visible in Material skin - missing GridRowSelector_Material style

When using the Grid with the Material skin, the drag selection overlay is not visible. After inspecting the DOM, I found that the overlay element uses the GridRowSelector_Material class:

<span class="GridRowSelector_Material" style="position: absolute; z-index: 1000100; opacity: 0.1; top: 525px; left: 321px; width: 844px; height: 36px;"></span>

However, this class is not defined in the Material skin's stylesheet, which results in the overlay having no visible background.

Steps to Reproduce:
  1. Use the Material skin with a Grid that has drag row selection enabled - https://demos.telerik.com/aspnet-ajax/grid/examples/functionality/selecting/row-selection/defaultcs.aspx?skin=Material
  2. Select multiple rows using click-and-drag.
  3. Inspect the DOM - the span element for the overlay is rendered, but has no effective styling.
1 comment
ADMIN
Rumen
Posted on: 23 Jun 2025 13:11

Hi Devops,

Thank you for reporting this issue.

We have identified the missing style definition for the GridRowSelector_Material class and have addressed it in the source code. The fix will be included in the upcoming 2025 Q3 release, scheduled for August.

We appreciate your detailed report and the steps to reproduce the issue – they were very helpful.

 

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources