(TypeError: Cannot read properties of null (reading 'removeChild')) #627

niclasrothman · 2023-10-16T11:47:46Z

niclasrothman
Oct 16, 2023

Hi!
We have a problem in our application (Blazor Server) that we are having a hard time to find the root problem of and are wondering
if anyone out there could recommend a way to make it easier to:

Where / which component is actually causing the error, the stack trace tells me zero?
Why is it happening and how can we solve it?

When users of the application navigate to three different pages in our application we see the following error in Azure Application Insights:

(TypeError: Cannot read properties of null (reading 'removeChild'))

System.AggregateException:
System.InvalidOperationException:
   at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw (System.Private.CoreLib, Version=7.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e)
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess (System.Private.CoreLib, Version=7.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification (System.Private.CoreLib, Version=7.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer+<InvokeRenderCompletedCallsAfterUpdateDisplayTask>d__66.MoveNext (Microsoft.AspNetCore.Components, Version=7.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60)

The error occurs only for some of the users and I cant reproduce it myself making it very hard to solve.
Do you know of any trick to make it easier to find which component that are actually causing the problem?

Regards Niclas

Answered by niclasrothman

Oct 19, 2023

Hi Hakenr, finally I have solved our problem and wanted to share the solution if anyone else is having the same problem.
In our case it wasn't any of the third party JS scripts we are using but instead it was a Google Chrome's language translation feature that changed the DOM from the outside. The fix was very simple, just include the "translate" attribute on the html element which prevents any translate tool from running:

<html lang="sv" translate="no">

Regards Niclas

View full answer

hakenr · 2023-10-16T14:43:26Z

hakenr
Oct 16, 2023
Maintainer

This type of error usually occurs when some browser-code (JavaScript? extension? 3rd party component) is removing an element from the page out of Blazor, so that causes Blazor to fail because something external made the DOM out of sync with the representation it has in memory.

1 reply

niclasrothman Oct 19, 2023
Author

Hi Hakenr, finally I have solved our problem and wanted to share the solution if anyone else is having the same problem.
In our case it wasn't any of the third party JS scripts we are using but instead it was a Google Chrome's language translation feature that changed the DOM from the outside. The fix was very simple, just include the "translate" attribute on the html element which prevents any translate tool from running:

<html lang="sv" translate="no">

Regards Niclas

Answer selected by hakenr

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

(TypeError: Cannot read properties of null (reading 'removeChild')) #627

{{title}}

Replies: 1 comment 1 reply

{{title}}

{{title}}

Select a reply

(TypeError: Cannot read properties of null (reading 'removeChild')) #627

niclasrothman Oct 16, 2023

Replies: 1 comment · 1 reply

hakenr Oct 16, 2023 Maintainer

niclasrothman Oct 19, 2023 Author

niclasrothman
Oct 16, 2023

Replies: 1 comment 1 reply

hakenr
Oct 16, 2023
Maintainer

niclasrothman Oct 19, 2023
Author