Form controls rendered by the embedded columns (GridBoundColumn, GridDateTimeColumn, GridNumericColumn, etc.) in EditMode="Batch" do not have a label set and fail the accessibility checks.
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:Hi,
In the Glow Theme the Filter Input Box is not visible.
Regards,
Jamil
While the Keyboard navigation is enabled, navigating through the items using the UP/DOWN arrows does mark the rows active, however, the active styles remain for the rows even if they aren't active anymore.
The issue happens when using the ActiveItemStyle element to define the styles (e.g. ForeColor, BackColor, etc.). Works as expected using the default styles.
Code to replicate the issue
<script runat="server">
protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
(sender as RadGrid).DataSource = Enumerable.Range(1, 5).Select(x => new
{
OrderID = x,
OrderDate = DateTime.Now.Date.AddDays(x),
Freight = x * 0.1m,
ShipName = "Name " + x,
ShipCountry = "Country " + x
}).ToList();
}
</script>
<telerik:RadGrid ID="RadGrid1" runat="server" RenderMode="Lightweight" OnNeedDataSource="RadGrid1_NeedDataSource">
<ActiveItemStyle BackColor="Red" ForeColor="White" />
<ClientSettings AllowKeyboardNavigation="true">
</ClientSettings>
</telerik:RadGrid>
We discovered the following is not working in RadGrid's ItemDataBound nor in ItemCreated events:
Dim imgbtn As ElasticButton
Dim imgbtn1 As ElasticButton
imgbtn = DirectCast(Item("btn_sequp").Controls(0), ElasticButton)
imgbtn1 = DirectCast(Item("btn_seqdown").Controls(0), ElasticButton)
imgbtn.SecondSpanClass = "d-none"
imgbtn1.SecondSpanClass = "d-none"
So we had to set through CSS like:
.t-text.rgButtonText {
When the Grid is groupped and showing/hiding columns on client-side, the table layout is broken. More specifically, the cell's colspan does not get adjusted when another cell gets hidden.
To replicate the problem:
RadGrid HeaderContext filter menu throws '_linkElement' undefined error after expand animation ends in version 2026.1.211.462
After clicking the filter icon in a RadGrid column header, the filter menu throws the following JavaScript error in the browser console:
Uncaught TypeError: Cannot read properties of undefined (reading '_linkElement')
at Object._focusFirstItem
at Object.raise_expandAnimationEnded
at Object._onExpandAnimationEnded
Environment:
- Telerik UI for ASP.NET AJAX version: 2026.1.211.462
- ASP.NET Framework: 4.8.1
- Browser: Chrome (latest)
- FilterType: default
- RadScriptManager with no custom script references
Steps to reproduce:
1. Place a RadGrid with AllowFilteringByColumn="true"
2. Run the application
3. Click the filter icon on any column header
4. Observe the JavaScript error in the browser console after the menu animation completes
Expected behavior:
The filter menu opens and focus is set on the first menu item without any errors.
Actual behavior:
The filter menu disappears visually, does not appear, and throws a JS exception when attempting to focus the first item (_linkElement is undefined)