Blazor.RadzenDropDownDataGrid incorrect in 5.1.6

Radzen.Blazor Components
1

blazor.web.js:1
[2024-08-30T15:21:55.886Z] Error: Microsoft.JSInterop.JSException: Cannot read properties of undefined (reading 'classList')
TypeError: Cannot read properties of undefined (reading 'classList')
at Object.focusTableRow (https://localhost:5001/_content/Radzen.Blazor/Radzen.Blazor.js?v=5.1.5.0:677:48)
at https://localhost:5001/_framework/blazor.web.js:1:3047
at new Promise ()
at y.beginInvokeJSFromDotNet (https://localhost:5001/_framework/blazor.web.js:1:3004)
at gn._invokeClientMethod (https://localhost:5001/_framework/blazor.web.js:1:62730)
at gn._processIncomingData (https://localhost:5001/_framework/blazor.web.js:1:60119)
at connection.onreceive (https://localhost:5001/_framework/blazor.web.js:1:53760)
at i.onmessage (https://localhost:5001/_framework/blazor.web.js:1:81866)
at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object args)
at Radzen.Blazor.RadzenDropDownDataGrid`1.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

1 Like
2

down the version to 5.1.0, no problem.

3

Fixed immediately and Radzen.Blazor 5.1.6 released!

4

Same problem in Radzen.Blazor 5.1.6

blazor.web.js:1
[2024-08-30T15:56:52.721Z] Error: Microsoft.JSInterop.JSException: Cannot read properties of undefined (reading 'classList')
TypeError: Cannot read properties of undefined (reading 'classList')
at Object.focusTableRow (https://localhost:5001/_content/Radzen.Blazor/Radzen.Blazor.js?v=5.1.6.0:677:48)
at https://localhost:5001/_framework/blazor.web.js:1:3047
at new Promise ()
at y.beginInvokeJSFromDotNet (https://localhost:5001/_framework/blazor.web.js:1:3004)
at gn._invokeClientMethod (https://localhost:5001/_framework/blazor.web.js:1:62730)
at gn._processIncomingData (https://localhost:5001/_framework/blazor.web.js:1:60119)
at connection.onreceive (https://localhost:5001/_framework/blazor.web.js:1:53760)
at i.onmessage (https://localhost:5001/_framework/blazor.web.js:1:81866)
at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object args)
at Radzen.Blazor.RadzenDropDownDataGrid`1.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

5

Try to clear your browser cache.

6

blazor.web.js:1 [2024-08-31T09:35:08.224Z] Error: Microsoft.JSInterop.JSException: Cannot read properties of undefined (reading 'classList')
TypeError: Cannot read properties of undefined (reading 'classList')
at Object.focusTableRow (https://localhost:5001/_content/Radzen.Blazor/Radzen.Blazor.js?v=5.1.6.0:677:48)
at https://localhost:5001/_framework/blazor.web.js:1:3244
at new Promise ()
at y.beginInvokeJSFromDotNet (https://localhost:5001/_framework/blazor.web.js:1:3201)
at gn._invokeClientMethod (https://localhost:5001/_framework/blazor.web.js:1:62841)
at gn._processIncomingData (https://localhost:5001/_framework/blazor.web.js:1:60316)
at connection.onreceive (https://localhost:5001/_framework/blazor.web.js:1:53957)
at i.onmessage (https://localhost:5001/_framework/blazor.web.js:1:82102)
at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object args)
at Radzen.Blazor.RadzenDropDownDataGrid`1.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

Rebooted, cleared browser cash to no avail

7

Let us know how to reproduce the error.

8

Clear browser cache, reboot, but still problem.

blazor.web.js:1
[2024-08-31T10:06:52.196Z] Error: Microsoft.JSInterop.JSException: Cannot read properties of undefined (reading 'classList')
TypeError: Cannot read properties of undefined (reading 'classList')
at Object.focusTableRow (https://localhost:5001/_content/Radzen.Blazor/Radzen.Blazor.js?v=5.1.6.0:677:48)
at https://localhost:5001/_framework/blazor.web.js:1:3047
at new Promise ()
at y.beginInvokeJSFromDotNet (https://localhost:5001/_framework/blazor.web.js:1:3004)
at gn._invokeClientMethod (https://localhost:5001/_framework/blazor.web.js:1:62730)
at gn._processIncomingData (https://localhost:5001/_framework/blazor.web.js:1:60119)
at connection.onreceive (https://localhost:5001/_framework/blazor.web.js:1:53760)
at i.onmessage (https://localhost:5001/_framework/blazor.web.js:1:81866)
at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object args)
at Radzen.Blazor.RadzenDropDownDataGrid`1.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

9

Without runnable code demonstrating the issue we will unable to help.

10

Changed version from 5.1.6 back to 5.0.9 and error went away.

11

Changed version from 5.1.6 back to 5.1.2, no error. attached code:
PickLocations.zip (4.1 KB)

12

I don’t see any code, again we need runnable code demonstrating the problem. Check also our forum FAQ on how to format code.

13

Attached code already.

14

Radzen Blazor 5.1.4 ， no problem.

15

Attached right code as below:
PickLocations.razor.zip (5.3 KB)

16

Can confirm this is a problem with 5.1.6

Steps to reproduce:

  1. Set up a Blazor Server project (.NET 6)
  2. Set up Radzen 5.1.6 (following the Get Started guide)
  3. In Index.razor, write a simple RadzenDropDownDataGrid with a @bind-Value (if not bound, it runs just fine):
@page "/"
@using Radzen.Blazor

<RadzenDropDownDataGrid TValue="int" Data="new List<int>() { 1, 2, 3 }" @bind-Value=Number />

@code
{
    private int Number { get; set; }
}
  1. Run and get an exception on page load

As a new user I can't upload attachments, but this should be enough.

EDIT: bug does not seem to occur in 5.1.4

1 Like
17

I was able to reproduce and fix the problem - Radzen.Blazor 5.1.7 was just released.

2 Likes
18

I have a same problem in 5.1.4.

And another error that also occurs is: The property @bind-SelectedItem fails if used in the 'RadzenDropDownDataGrid' component in this version.