CSS Isolation in Azure Not Rendering Properly

52 Views Asked by SRQDeveloper At 15 May 2025 at 19:14

I have setup the Blazor Server template and published it to my sandbox site:

When it loads, the CSS isolation engages and sets up the tags appropriately. For example:

<div class="top-row px-4" b-wjui9y5cp2=""><a href="https://docs.microsoft.com/aspnet/" target="_blank" b-wjui9y5cp2="">About</a></div>

The CSS does not render at all. When I load the actual CSS for it, the IDs are fixed and will not regenerate and synchronize with the HTML markup: https://scg-apps-demo-ddl.azurewebsites.net/SCG.Apps.Ext.DemoDDL.styles.css

I tried enabling UseStaticWebAssets and it did not work:

var builder = WebApplication.CreateBuilder(args);

builder.WebHost.UseStaticWebAssets();

I also disabled CSS isolation and that did not work either.

Any ideas?

There are 0 best solutions below