u/robinredbrain

In the below code I expected the panel to show up in my window (WPF). It does not.

I have found that if the webview has no source (I remove it from xaml) the panel shows as expected. My guess is an unavoidable edge rendering issue. My hope is that I'm wrong about that.

XY problem? Maybe. My goal is a panel that extends and retracts from the left without it interfering with the layout of the rest of the window. So while it is extended it obscures the content of the webview partially as a design choice.

Hoping I'm missing something and for some suggestions to have it work as described.

Thanks for your time.

edit - writing this out made me think of better search terms. it is a webview2 control issue.

https://learn.microsoft.com/en-us/microsoft-edge/webview2/release-notes/archive?tabs=dotnetcsharp#show-wpf-elements-on-top-of-the-webview2-layer-webview2compositioncontrol

Just don't know what an SDK is yet.

I changed WebView2 to WebView2CompositionControl but an error in the designer window says cannot find an SDK...

>System.AggregateException

>System.IO.FileNotFoundException: Could not load file or assembly 'Microsoft.Windows.SDK.NET, Version=10.0.17763.10, Culture=neutral

&lt;Grid&gt;
    &lt;wv2:WebView2 x:Name="WebView"
                  Panel.ZIndex="1"
                  Source="https://www.google.com" /&gt;
    &lt;StackPanel HorizontalAlignment="Left"
                MouseEnter="Border_MouseEnter"
                MouseLeave="Border_MouseLeave"
                Panel.ZIndex="2"
                Width="100"
                Background="AliceBlue"&gt;
&lt;/Grid&gt;

Show StackPanel above/over/on top of WebView2 control unexpected behavior.