Radzen tab focus error

Blazor_Dev · May 25, 2026, 12:51pm

invoke-js.ts:246 fail: Microsoft.AspNetCore.Components.Web.ErrorBoundary[0]
Microsoft.JSInterop.JSException: Unable to focus an invalid element.
Error: Unable to focus an invalid element.
at Object.focus (https://localhost:7296/_framework/blazor.webassembly.js?ver=4.0.14512.13475:1:38408)
at w.processJSCall (https://localhost:7296/_framework/blazor.webassembly.js?ver=4.0.14512.13475:1:4448)
at w.beginInvokeJSFromDotNet (https://localhost:7296/_framework/blazor.webassembly.js?ver=4.0.14512.13475:1:4125)
at Object.en [as invokeJSJson] (https://localhost:7296/_framework/blazor.webassembly.js?ver=4.0.14512.13475:1:59109)
at https://localhost:7296/_framework/dotnet.runtime.r2kbxkuujc.js:3:34586
at Mc (https://localhost:7296/_framework/dotnet.runtime.r2kbxkuujc.js:3:175836)
at https://localhost:7296/_framework/dotnet.native.f749u69f30.wasm:wasm-function[298]:0x1f797
at https://localhost:7296/_framework/dotnet.native.f749u69f30.wasm:wasm-function[222]:0x1ca98
at https://localhost:7296/_framework/dotnet.native.f749u69f30.wasm:wasm-function[213]:0xebe7
at https://localhost:7296/_framework/dotnet.native.f749u69f30.wasm:wasm-function[291]:0x1f22d
at Microsoft.JSInterop.JSRuntime.d__23`1[[Microsoft.JSInterop.Infrastructure.IJSVoidResult, Microsoft.JSInterop, Version=10.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60]].MoveNext()
at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
at Radzen.Blazor.RadzenTabs.SelectTab(RadzenTabsItem tab, Boolean raiseChange)
at Radzen.Blazor.RadzenTabsItem.SelectTab(RadzenTabsItem item)
at Radzen.Blazor.RadzenTabsItem.OnClick()
at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)
Microsoft.JSInterop.JSException: Unable to focus an invalid element.

I am getting this exception some time while navigate to the page. I have RadzenTabs implemented on that screen

enchev · May 25, 2026, 1:49pm

I’m unable to replicate such error on our demos:

sgeorge.Framatome · May 29, 2026, 1:53pm

I’m seeing this too;

I had to downgrade to Radzen 9.1.0 for the issue to go away.

I tested 10.4.6, 10.3.2, 10.2.1 across .net10 SDKs v10.0.108/204/300

After changing tabs’, about 2 seconds? pass then this error gets thrown (its not immediate, there is like a 1-2 second pause after changing tab).

2026-05-29 09:36:14 warn: Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100] Unhandled exception rendering component: Unable to focus an invalid element.
Error: Unable to focus an invalid element.
    at Object.focus (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:41242)
    at b.processJSCall (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4448)
    at b.beginInvokeJSFromDotNet (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4125)
    at In._invokeClientMethod (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:69109)
    at In._processIncomingData (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:66474)
    at In.connection.onreceive (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:60125)
    at i.onmessage (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:84183)    at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)
        at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
        at Radzen.Blazor.RadzenTabs.SelectTab(RadzenTabsItem tab, Boolean raiseChange)
        at Radzen.Blazor.RadzenTabsItem.SelectTab(RadzenTabsItem item)
        at Radzen.Blazor.RadzenTabsItem.OnClick()
        at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
        at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)
2026-05-29 09:36:14 fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111] Unhandled exception in circuit 'h_H8KvL7GtfGGyZ9UNkEvFVQtmGVnfVpMWyEQkC3Plc'. Microsoft.JSInterop.JSException: Unable to focus an invalid element.
Error: Unable to focus an invalid element.
    at Object.focus (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:41242)
    at b.processJSCall (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4448)
    at b.beginInvokeJSFromDotNet (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4125)
    at In._invokeClientMethod (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:69109)
    at In._processIncomingData (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:66474)
    at In.connection.onreceive (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:60125)
    at i.onmessage (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:84183)
        at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)
        at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
        at Radzen.Blazor.RadzenTabs.SelectTab(RadzenTabsItem tab, Boolean raiseChange)
        at Radzen.Blazor.RadzenTabsItem.SelectTab(RadzenTabsItem item)
        at Radzen.Blazor.RadzenTabsItem.OnClick()
        at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
        at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

enchev · May 29, 2026, 2:18pm

We pushed today various fixes to the Tabs component - try the latest code from the master branch instead the NuGet package and let us know how it goes.

sgeorge.Framatome · June 1, 2026, 12:17pm

thanks, I updateed to the latest 10.4.7 (in net10.0.300) with the tab fixes; no joy. Still same issue for me.

2026-06-01 08:11:59 warn: Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100] Unhandled exception rendering component: Unable to focus an invalid element.
Error: Unable to focus an invalid element.
    at Object.focus (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:41242)
    at b.processJSCall (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4448)
    at b.beginInvokeJSFromDotNet (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4125)
    at In._invokeClientMethod (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:69109)
    at In._processIncomingData (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:66474)
    at Ln.onreceive (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:60125)
    at WebSocket.<anonymous> (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:84183) Microsoft.JSInterop.JSException: Unable to focus an invalid element.
Error: Unable to focus an invalid element.
    at Object.focus (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:41242)
    at b.processJSCall (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4448)
    at b.beginInvokeJSFromDotNet (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:4125)
    at In._invokeClientMethod (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:69109)
    at In._processIncomingData (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:66474)
    at Ln.onreceive (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:60125)
    at WebSocket.<anonymous> (https://localhost:44337/xxAPP/_framework/blazor.web.ej96puwv3k.js:1:84183)    
    at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)    
    at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)    
    at Radzen.Blazor.RadzenTabs.SelectTab(RadzenTabsItem tab, Boolean raiseChange)    
    at Radzen.Blazor.RadzenTabsItem.SelectTab(RadzenTabsItem item)    
    at Radzen.Blazor.RadzenTabsItem.OnClick()    
    at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)    
    at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

enchev · June 1, 2026, 12:39pm

This will help: RadzenTabs: swallow JSException when focusing after tab selection · radzenhq/radzen-blazor@7ed8e18 · GitHub