[Problem/Bug]: Browser tooltip shown outside of visible control area.

[jschroedl]

What happened?

The WPF browser control shows tooltips outside of the application window.

Importance

Moderate. My app's user experience is affected, but still usable.

Runtime Channel

Stable release (WebView2 Runtime)

Runtime Version

134.0.3124.72

SDK Version

1.0.3124.44

Framework

WPF

Operating System

Windows 11

OS Version

22631.5039

Repro steps

• Create a new .NET Framework C# desktop application.
• Add a nuget reference to WebView2.
• Change MainWindow.xaml to the following:

<Window x:Class="BrowserTooltipBug.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:BrowserTooltipBug"
        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
        Title="MainWindow" Height="450" Width="600">
    <Grid>
        <ScrollViewer>
            <wv2:WebView2CompositionControl Height="1000" Width="500" Name="webView" Source="https://www.bing.com" />
        </ScrollViewer>
    </Grid>
</Window>

• Run the application and move the mouse pointer over various images on the page and a tooltip will show down below the application window as seen in the screenshot.

The browser is clearly showing the tip at the height assigned to the control but it should be clipped away or shown at the edge of the rendered content.

Repros in Edge Browser

No, issue does not reproduce in the corresponding Edge version

Regression

Don't know

Last working version (if regression)

No response

[Navdeep-ss]

Seems like status bubble doesn't care about the app size and only draws the bubble where the actual webview is or would be if it haven't been clipped. We have marked this a tracking issue and will look at it.

Till then for a workaround if your app doesn't want this status bubble to show you can simply use

webView.CoreWebView2.Settings.IsStatusBarEnabled = false;