MicrosoftEdge/WebView2Feedback

HTML SELECT Dropdown list appears behind TopMost host WinForms Windows

newcube opened this issue ยท 14 comments

HTML SELECT Dropdown list appears behind TopMost host WinForms Windows

In this simple example the form BrowserPopup just has a WebView2 control docked to Fill the form and the URL is set on load:

public BrowserPopup()
{
    InitializeComponent();
    InitWebViewControl();
}

private async void InitWebViewControl()
{
    await webView.EnsureCoreWebView2Async(null);

    webView.Source = new Uri("https://getbootstrap.com/docs/4.5/components/forms/#form-controls");
}

If this form is shown as TopMost, the dropdown items of SELECT controls are shown BEHIND the form:

private void btnPopBrowser_Click(object sender, EventArgs e)
{
    var f = new BrowserPopup();
    f.TopMost = true; // select option list appears behind the BrowserPopup form
    f.Show();         
}

image

When the form is NOT TopMost, the SELECT items are shown as expected:

private void btnPopBrowser_Click(object sender, EventArgs e)
{
    var f = new BrowserPopup();
    f.TopMost = false; // select option list appears as expected on the HTML form
    f.Show();         
}

image

Nuget Package version is:

Microsoft.Web.WebView2 
1.0.674-prerelease

WebView2 Runtime is

87.0.664.47

Edge Version is

Version 87.0.664.41 (Official build) (64-bit)

AB#23144805

@newcube

I've filed a bug for the team to investigate.

I have this same problem. Is there a time table when this might be addressed?

We encounter the same problem. Is there any hope for a fix? We really need this to be fixed.

I am seeing the same issue on certain web sites.

We are having the same issue. Any chance for a fix?

Is there any update on this one? I believe this should be one of the highest priorities if one of the basic and essential HTML components as dropdown certainly is is having these kind of issues. This is making the whole component unusable for many scenarios where one does not have control over the rendered HTML. This applies the same for #780

Hey all - we have prioritized this and will start working on it soon. Thanks!

@champnic Thanks for the update! Glad to hear it's being worked on.

Eilon commented

I'm hitting a problem now where the dropdown doesn't show up at all when I use the mouse to click it (it does flicker for a moment, but then disappears). Not sure if it's the same problem as this and it's behind the main window. But when I press Alt+DownArrow (this is a standard Windows shortcut key), I can see the dropdown.

Hey folks, FYI we've added a fix for this in Edge 94. If you try this in Canary the fix should be there. Let us know if you still see any related issues, thanks!

Eilon commented

@champnic this appears to work in WPF/WinForms, but not in WinUI.

@Eilon Can you open a new issue to track that?

Eilon commented

I'm trying to build a standalone repro (outside of .NET MAUI) and then I'll log an issue.

Eilon commented

New issue logged: #1693