CSS Isolation still failing builds for target iOS / macOS

[codemonkey85]

Description

Creating a new .NET MAUI Blazor app using the latest Visual Studio 2022 preview, with .NET MAUI Preview 13, still causes the build to fail if Razor scoped CSS files are included in the project. I believe this is related to #2981.

Steps to Reproduce

1. Create a File > New .NET MAUI Blazor App.
2. Change the build / debug target to an iOS device or simulator (in my case I'm using my iPhone with Hot Restart).
3. Try to build the app.

Sample repo (although it's just a new app created from the template, unmodified): https://github.com/codemonkey85/CssIsolationIssue

Version with bug

Preview 13

Last version that worked well

Unknown/Other

Affected platforms

iOS, macOS

Affected platform versions

iOS / iPadOS 15

Did you find any workaround?

No response

Relevant log output

Rebuild started...
1>------ Rebuild All started: Project: CssIsolationIssue, Configuration: Debug Any CPU ------
Restored C:\Users\mbond\Documents\GitHub\CssIsolationIssue\CssIsolationIssue\CssIsolationIssue.csproj (in 587 ms).
1>Detected signing identity:
1>  Code Signing Key: "Apple Development: Michael Bond (JFM79P3LQP)" (C:\Users\mbond\AppData\Local\Xamarin\iOS\Provisioning\Certificates\0A156EF924EDD8338E81E6C2C60A0B5F.p12)
1>  Provisioning Profile: "VS: WildCard Development" (C:\Users\mbond\AppData\Local\Xamarin\iOS\Provisioning\Profiles\7b92f67e-0cef-474b-b4aa-920afe886653.mobileprovision)
1>CssIsolationIssue -> C:\Users\mbond\Documents\GitHub\CssIsolationIssue\CssIsolationIssue\bin\Debug\net6.0-ios\ios-arm\CssIsolationIssue.dll
1>Shared\MainLayout.razor.css : error : The path '..\..\..\..\..\Documents\GitHub\CssIsolationIssue\CssIsolationIssue\Shared\MainLayout.razor.css' would result in a file outside of the app bundle and cannot be used.
1>Shared\MainLayout.razor.css : error :
1>Shared\NavMenu.razor.css : error : The path '..\..\..\..\..\Documents\GitHub\CssIsolationIssue\CssIsolationIssue\Shared\NavMenu.razor.css' would result in a file outside of the app bundle and cannot be used.
1>Shared\NavMenu.razor.css : error :
1>Done building project "CssIsolationIssue.csproj" -- FAILED.
========== Rebuild All: 0 succeeded, 1 failed, 0 skipped ==========

[codemonkey85]

By the way, as a workaround, I have been putting my CSS into my .razor files using <style> tags.

[javiercn]

@codemonkey85 I've tried your project and I'm not able to reproduce this issue.

For me the app builds and run successfully

[codemonkey85]

@javiercn That's utterly bizarre. I just tried it again and I'm still having the issue.

[javiercn]

@codemonkey85 I'm not sure what might be going on (I did exactly as you showed in the image).

It could potentially be something on your machine/setup? Maybe clean the bin/obj folders just in case?

I'm using a completely brand new setup alongside with Visual Studio 2022 Preview.

Going to go on a limb here, but try moving the project to a folder without spaces on the path. like c:\scratch or similar. To see if that's the delta.

[SteveSandersonMS]

This seems to be a duplicate of #4061, so I'll close in favour of that.