Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Chrome 123.0.6312.123 throws errors when accessing InteractiveServer applications #55085

Closed
1 task done
csharpfritz opened this issue Apr 11, 2024 · 9 comments
Closed
1 task done
Labels
area-blazor Includes: Blazor, Razor Components bug This issue describes a behavior which is not expected - a bug. External This is an issue in a component not contained in this repository. It is open for tracking purposes.

Comments

@csharpfritz
Copy link
Contributor

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

The current version of Google Chrome throws errors when navigating to Blazor InteractiveServer applications with TLS enabled.

Expected Behavior

Application opens and interacts with normally

Steps To Reproduce

Create a new Blazor application with .NET 8 using the following configuration:

dotnet new blazor -int Server -ai -o TestServer

Run the application with the https profile:

dotnet run -lp https

Navigate to the base of the website in Chrome

Exceptions (if any)

Errors in browser console:

blazor.web.js:1 [2024-04-11T15:27:46.552Z] Error: There was an error applying batch 2.
blazor.web.js:1 [2024-04-11T15:27:46.579Z] Error: There was an error applying batch 3.
blazor.web.js:1 [2024-04-11T15:27:46.643Z] Error: There was an unhandled exception on the current circuit, so this circuit will be terminated. For more details turn on detailed exceptions by setting 'DetailedErrors: true' in 'appSettings.Development.json' or set 'CircuitOptions.DetailedErrors'. 

Errors in server console:

warn: Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100]
      Unhandled exception rendering component: TypeError: Cannot read properties of null (reading 'insertBefore')
      System.InvalidOperationException: TypeError: Cannot read properties of null (reading 'insertBefore')
         at Microsoft.AspNetCore.Components.RenderTree.Renderer.InvokeRenderCompletedCallsAfterUpdateDisplayTask(Task updateDisplayTask, Int32[] updatedComponents)
fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]
      Unhandled exception in circuit 'BbKmOqCdix7OlK4ca5qWHln0IbV2RO8zv_GYI8R2IyI'.
      System.AggregateException: One or more errors occurred. (TypeError: Cannot read properties of null (reading 'insertBefore'))
       ---> System.InvalidOperationException: TypeError: Cannot read properties of null (reading 'insertBefore')
         at Microsoft.AspNetCore.Components.RenderTree.Renderer.InvokeRenderCompletedCallsAfterUpdateDisplayTask(Task updateDisplayTask, Int32[] updatedComponents)
         --- End of inner exception stack trace ---
warn: Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100]
      Unhandled exception rendering component: Error: No element is currently associated with component 1
      System.InvalidOperationException: Error: No element is currently associated with component 1
         at Microsoft.AspNetCore.Components.RenderTree.Renderer.InvokeRenderCompletedCallsAfterUpdateDisplayTask(Task updateDisplayTask, Int32[] updatedComponents)
fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]
      Unhandled exception in circuit 'BbKmOqCdix7OlK4ca5qWHln0IbV2RO8zv_GYI8R2IyI'.
      System.AggregateException: One or more errors occurred. (Error: No element is currently associated with component 1)
       ---> System.InvalidOperationException: Error: No element is currently associated with component 1
         at Microsoft.AspNetCore.Components.RenderTree.Renderer.InvokeRenderCompletedCallsAfterUpdateDisplayTask(Task updateDisplayTask, Int32[] updatedComponents)
         --- End of inner exception stack trace ---

.NET Version

8.0.200

Anything else?

No response

@dotnet-issue-labeler dotnet-issue-labeler bot added the area-blazor Includes: Blazor, Razor Components label Apr 11, 2024
@csharpfritz csharpfritz changed the title Chrome 123.0.6312.123 throws errors when access InteractiveServer applications Chrome 123.0.6312.123 throws errors when accessing InteractiveServer applications Apr 11, 2024
@rwjdk
Copy link

rwjdk commented Apr 11, 2024

@csharpfritz Do you have the LastPass Chrome Extension installed? I have the exact same issue/error and if the LastPass extension is disabled, the issue goes away.

@csharpfritz
Copy link
Contributor Author

csharpfritz commented Apr 11, 2024 via email

@rwjdk
Copy link

rwjdk commented Apr 11, 2024

Thanks for confirming... They released a new version of the extension late last night so I think LastPass is at fault here... In Edge Extension store the new version is not yet out, but expect things might break across browsers 🙁 I also heard for a colleague that it also did odd things to a VueJS site, so hopefully they become aware of the issue (I've written on their forum but no answer yet)

@beany
Copy link

beany commented Apr 13, 2024

I can confirm that disabling the LastPass Extension (version 4.129.0) for Chrome causes this problem (or, at least, disabling it will Blazor run normally). Using Firefox with LastPass 4.127 runs Blazor apps normally.

Thanks @csharpfritz for making an issue so I could find the solution @rwjdk provided. Saved me a lot of time/headache!

@augustevn
Copy link

augustevn commented Apr 13, 2024

We came to the same conclusion it's since LastPass' release on March 10...
Disabling the Chrome extension does the trick.

I did check both InteractiveWebAssembly as InteractiveServer, both had issues.
Older projects using blazor.webassembly.js didn't experience it.
So I initially thought it was the blazor.web.js but then it hit me that I did run Windows updates etc.
I did find it suspicious that mostly the input controls were broken.

Related issue: #55063

@beany
Copy link

beany commented Apr 13, 2024

@javiercn javiercn added the External This is an issue in a component not contained in this repository. It is open for tracking purposes. label Apr 16, 2024
@mkArtakMSFT mkArtakMSFT closed this as not planned Won't fix, can't repro, duplicate, stale Apr 16, 2024
@mkArtakMSFT mkArtakMSFT added the bug This issue describes a behavior which is not expected - a bug. label Apr 16, 2024
@tossnet
Copy link

tossnet commented Apr 17, 2024

I have exactly the same problem on Edge and a Blazor Server app.

image

@rwjdk
Copy link

rwjdk commented Apr 19, 2024

LastPass 4.130.0 is out that resolves the error

@codepend
Copy link

codepend commented May 9, 2024

For what it's worth, this same thing happens with RoboForm Firefox extension version 9.5.9.2 (current at this time). Does not seem to happen with Chrome/Edge.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-blazor Includes: Blazor, Razor Components bug This issue describes a behavior which is not expected - a bug. External This is an issue in a component not contained in this repository. It is open for tracking purposes.
Projects
None yet
Development

No branches or pull requests

8 participants