Cannot add Mica backdrop to Maui Blazor hybrid app

[franklbt]

Description

I cannot use a mica backdrop for the full window size in a MAUI blazor hybrid app.

All attempts tried failed or not produced the exact result I wanted

Steps to Reproduce

No response

Link to public reproduction project repository

No response

Version with bug

8.0.0-preview.7.8842

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

WindowsAppSDK 10.0.19041.0

Did you find any workaround?

No

Relevant log output

No response

[drasticactions]

If you create a WinUI3 app with a webview and try setting a Mica backdrop on it, does it work?

I will guess that it will do the same behavior since that's the underlying MAUI Blazor Webview, and there shouldn't be any difference between how it functions in this case.

If it does do the same thing, then this issue should be moved to https://github.com/microsoft/microsoft-ui-xaml.

[ghost]

Hi @franklbt. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[ghost]

Hi @franklbt. We have added the "s/needs-repro" label to this issue, which indicates that we require steps and sample code to reproduce the issue before we can take further action. Please try to create a minimal sample project/solution or code samples which reproduce the issue, ideally as a GitHub repo that we can clone. See more details about creating repros here: https://github.com/dotnet/maui/blob/main/.github/repro.md

This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[drasticactions]

Likewise, you could make a repro project showing how you're adding the Mica backdrop to the webview.

[franklbt]

@drasticactions here is the repro https://github.com/franklbt/MicaBackdropBlazorHybridRepro

[drasticactions]

Did you try it with a WinUI3 app and its webview? Does it perform the same behavior?

[ghost]

Hi @franklbt. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[franklbt]

In fact a similar behavior is present on winui3 app

[XamlTest]

Verified this on Visual Studio Enterprise 17.8.0 Preview 1.0. Repro on Windows 11 .NET 8 with below Project:
MicaBackdropBlazorHybridRepro.zip

[Eilon]

Looks like a dupe of #14185, but it's ultimately most likely an issue with WebView2 itself or with the WindowsAppSDK/WinUI.