Screen share monitor/window select dialog cropped if WebView2 control smaller than parent Window

Description

When using HTML5 MediaDevices.getDisplayMedia() to attempt screen sharing, the monitor/window selection screen appears as a dialog within the bounds of the WebView2 control instance, and so is cropped if the WebView2 control is not large enough/full window.

We are using a WebView2 control in approx 1/4 of the screen layout size for a docked AV WebRTC session, where the remaining 3/4 of the screen are native UI controls. In this scenario the dialog is clipped and the user is forced to use Escape key to cancel, and must make the WebView2 full screen before they can adequately see/select a monitor/window for sharing.

Version
SDK: 1.0.1158-prerelease
Runtime: WebView2 Runtime 98.0.1108.55
Framework: WinUI 2.8-prerelease.220118001, UWP 6.2.10, Windows SDK 10.0.18362
OS: Windows 10

Repro Steps

Expected behavior

When attempt is made to start screen sharing via a call to getDisplayMedia(), the dialog window shown should run outside of the WebView2 process bounds in the center of the parent window and not be clipped to the bounds of the WebView2.

Actual behavior

The select monitor/window dialog is shown inside of the bounds of the WebView2 control and will therefore be clipped if the control is too small, even though the parent window is easily large enough to display the dialog in full.

AB#38215296

Reproduce the issue by calling HTML5 getDisplayMedia() from a WebView2 control that occupies about one quarter of a WinUI parent window. Compare the selection dialog's bounds with the parent window and WebView2 control; done when monitor and window selection is fully visible outside the control rather than clipped.