Layout with side menu collapse not working for web assembly in .net 8

[tippers424]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

I have the collapse working for a server type project, I set to the rendermode for HeadOutlet and Routes in App.razor to RenderMode.InteractiveServer.

With a web assembly project the tooltip and JS doesn't work on the collapse button. When I set the rendermode to RendorMode.InteractiveWebAssembly I get errors with not finding routes in the client project.

Expected Behavior

For the user to be able to collapse the side menu in a web assembly project in .net 8.

Interactive render mode

Interactive WebAssembly (Client-side rendering (CSR) using Blazor WebAssembly)

Steps To Reproduce

https://github.com/tippers424/BootstrapBlazor--Layout-issue-demo

Exceptions (if any)

No response

.NET Version

NET8.0

Anything else?

No response

[bb-auto]

@tippers424 Thank you for filing this issue. In order for us to investigate this issue, please provide a minimalistic repro project that illustrates the problem.

[ArgoZhang]

@tippers424 hi. thanks contact us. could you give this project a star? thank again. the repro project link not found. could you make it work?

[tippers424]

Apologies the repo was private, now public and star awarded 😊

[ArgoZhang]

@tippers424 thanks

please try the following zip

BootstrapBlazorAppDemo.zip

please let us to know if you have any question

[tippers424]

Thank you, the demo is helpful to identify where I've not implemented it correctly.