[Problem/Bug]: `<select>` dropdown menu gap mouseout issue

What happened?

In Microsoft Edge, there is a gap between the <select> dropdown menu and its options when you expand the menu:

This can lead to issues with the mouseout event where the user is not able to select the menu options using the mouse because the menu closes prematurely.

Importance

Important. My app's user experience is significantly compromised.

Runtime Channel

Stable release (WebView2 Runtime)

Runtime Version

126.0.2592.68

SDK Version

No response

Framework

Other

Operating System

Windows 10

OS Version

19045.4529

Repro steps

1. Go to https://jsfiddle.net/thdoan/kev4Lsha/6/
2. Select a menu option.
3. Observe the issue.

Expected behavior

The background should NOT change to red when you select an option, but it does because of the gap. Try following the steps above in Chrome -- you should see that Chrome dropdown menus have no such gap, hence do not suffer from this bug.

Repros in Edge Browser

Yes, issue can be reproduced in the corresponding Edge version

Regression

No, this never worked

Last working version (if regression)

No response

AB#51992442

Start with the JSFiddle reproduction at https://jsfiddle.net/thdoan/kev4Lsha/6/ in WebView2 Stable 126.0.2592.68 on Windows 10, then compare the same steps in Chrome. Done means the select menu has no gap, remains open while moving to an option, and does not trigger the premature mouseout behavior.