MAUI Razor Component CSS not compiling on iOS local device (iPhone)

[PBTests]

What's the issue?

Boilerplate .NET MAUI Blazor application does not deploy to iOS physical device correctly.

The Blazor component CSS appears to not compile, meaning the navigation does not render correctly.

Everything renders as expected on the iOS Simulator, Android, etc...

Latest XCode / VSMac / VS2022 / VS2022-pre / Workloads / Blabla

Tried everything

Seriously...

Can anyone help?

Steps to reproduce...

1. Create a new MAUI Blazor application (VS22/22p)
2. Debug on paired Mac to specified Local Device (iOS 15.5) (effectively deploying to physical device)
3. Result: No classic blazor purple coloured navigation style due to lack of component CSS rendering

Screenshot

[Laftek]

you should create a new issue to get an answer faster

[PBTests]

Done - #9723

[GolfJimB]

Same issue here, app looks great on android but half my elements don't even render on ios.
Also, I can use dev tools when I debug on a windows machine to inspect the DOM, is there anyway to achieve the same on Mac?

[GolfJimB]

Figured out that removing any external style sheets fixed it!

[BlaineM-SeriouslyRAD]

I'm experiencing this with the default (unmodified) .NET MAUI Blazor App template which doesn't contain any external style sheets 🤷‍♀️

[BlaineM-SeriouslyRAD]

You can use Safari Technology Preview (https://developer.apple.com/safari/technology-preview/) on the Mac to inspect the DOM.

[PBTests]

I have created an issue for this bug.

#9723

[BlaineM-SeriouslyRAD]

@PBTests Thanks, but there is already a comprehensive one submitted - #7468

[PBTests]

Oh, submitted 3 months ago. Rather worrying it’s still an issue. Thanks.