Allow disabling blazor css scopes without disabling bundling of .razor.css files

[zotanmew]

Is your feature request related to a problem? Please describe.

I'm trying to disable CSS isolation (attribute scopes), while still colocating stylesheets with my components. Setting <ScopedCssEnabled>false</ScopedCssEnabled> turns the CSS bundling off altogether, which is not useful in this case.

Describe the solution you'd like

A new MSBuild property that allows disabling just scoping, or one that re-enables bundling when scoping has been disabled.

I couldn't figure out the best area label to add to this issue. If you have write-permissions please help me learn by adding exactly one area label.

I couldn't figure out the best area label to add to this issue. If you have write-permissions please help me learn by adding exactly one area label.

[zotanmew]

I found a workaround, but it'd be great to have this option added upstream.

<!-- Disables css isolation but keeps bundling of colocated styles enabled -->
<!-- See https://github.com/dotnet/sdk/issues/46466 for more details -->
<Target Name="LoadColocatedCss" BeforeTargets="BundleScopedCssFiles">
    <ItemGroup>
        <_DiscoveredScopedCssFiles Remove="@(_DiscoveredScopedCssFiles)" />
        <_DiscoveredScopedCssFiles Include="@(_ScopedCss)" />
    </ItemGroup>
</Target>

<Target Name="RemoveScopesPre" BeforeTargets="ResolveCssScopes">
    <ItemGroup>
        <RazorComponentActual Include="@(RazorComponent)" />
        <RazorGenerateActual Include="@(RazorGenerate)" />
    </ItemGroup>
</Target>

<Target Name="RemoveScopesPost" AfterTargets="ResolveCssScopes">
    <ItemGroup>
        <RazorComponent Remove="@(RazorComponent)" />
        <RazorGenerate Remove="@(RazorGenerate)" />
        <RazorComponent Include="@(RazorComponentActual)" />
        <RazorGenerate Include="@(RazorGenerateActual)" />
    </ItemGroup>
</Target>

[MackinnonBuck]

CC @javiercn - looks like a Blazor scoped CSS issue.