Allow use of new WebView2CompositionControl for WPF BlazorWebView

[bwood4]

Description

In v1.0.2957.106 of Microsoft.Web.WebView2, the team introduced the WebView2CompositionControl which solves the Airgap issue that prevents WPF controls from overlaying on top of a WebView2 control. It would be really nice to see this change come to BlazorWebView, either as the new default or as on option to select.

Public API Changes

WebView2CompositionControl is intended as a drop-in replacement for WebView2 in WPF, so simply replacing which control is used would result in no API changes, but would result in behavioral changes.

Alternatively a property like

public bool UseCompositionControl { get; set; }

could be added to the BlazorWebView control to allow for an opt-in approach.

Intended Use-Case

There are many use cases for being able to place a WPF control overtop of a BlazorWebView. Notably render-heavy controls that may not work with Blazor Hybrid often offer WPF alternatives that could be used instead with this feature.

[Wimmeh]

Hi there! I've made a PR for someone to look at and hopefully continue with to introduce this awesome new feature for BlazorWebView! Cheers @bwood4 for opening this issue 🥇

[McloseTP]

Will this be available to .NET 10?

[DanielyanArtyom]

In DevExpress, we use the BlazorWebView for our AIChatControl, wrapping our native Blazor component within the WPF suite. Unfortunately, both we and our customers have encountered an issue where the BlazorWebView overlaps other WPF controls, including modal dialogs. When a modal is open, the BlazorWebView remains visually on top and still allows user interaction, leading to significant usability problems.

We believe that support for WebView2CompositionControl could help address this issue, and would appreciate any updates on its planned integration.

[alexdi220]

@jfversluis could you share any updates on it? In DevExpress, we use the BlazorWebView for our AIChatControl and wrap our Blazor native component for the WPF suite. Unfortunately, we and our customers encounter the issue with the TopMost WebView2 placement

cc @Alexgoon

[jfversluis]

@mattleibow ?