[Bug]: Aspire 9.2 Template + Blazorise 1.7.5 / Material Design - Styling or Layout Issues

[Huntk23]

Blazorise Version

1.7.5

What Blazorise provider are you running on?

Material

Link to minimal reproduction or a simple code snippet

TestAspireBlazorise

Steps to reproduce & bug description

Issue 1

1. Run the application
2. Open the web application through the Aspire dashboard
3. You will see the Header overlaps the layout body

Issue 2

1. Looking beyond the first issue, I attempted the Blazorise.ThemeProvider wrapped around the Router with no luck. See: https://github.com/Huntk23/TestAspireBlazorise/blob/c012fa9cbe95b54eaa24b38b55be24a646c438f3/TestAspireBlazorise.Web/Components/Routes.razor#L1-L8

What is expected?

1. For the header to be fixed, like the footer and not allowing the body to clip under.
2. For the Blazorise.ThemeProvider to apply IsRounded = false

What is actually happening?

1. The body is clipping under the header
2. Blazorise.ThemeProvider is not applying any themes or colors I attempt

What browsers do you see the problem on?

Chrome, Microsoft Edge, Brave

Any additional comments?

Hey! I'm a huge fan of the framework and the outreach on Reddit! I used to be a big MudBlazor user pre .NET 8 and I've been out of the scene just over a year and a half from a life-threatening injury. I am back at it now and really sorry if some of these issues are with the new rendering modes in Blazor. I have done a crazy amount of research and documentation sprawling to fix my issue, with no luck.

I basically went through your installation instructions into a project, acting as if it was the .NET 8 "Web App" style with no luck. I feel like I am really close but just drowning in the proper usage and rendering order that Blazor does while working with these front-end frameworks. I am clueless to why some of these values and placements just don't work when following an example to the T. If you ask me what to look for, I will know where to go, but some of these front-end classes and styles are cryptic to me when they don't work the way you think they should.

Some more details of what I am seeing with the header overlap, or the body falls under the header:

Seeing the same classes applied on the example Material site but applied correctly(?):

My suspicion is something to do with InteractiveServerAuto mode which I would like to achieve. I would love some insight on this to get back into the technology stack and have a better understanding to also help support.

• My ultimate goal is that I would love to submit a possible application template combined with the newest Aspire template in the various modes it offers.

Thanks for this excellent library and for your time!