[Bug - Edge browser] <select> dropdown menu gap mouseout issue

[thdoan]

Describe the bug

In Microsoft Edge, there is a gap between the <select> dropdown menu and its options when you expand the menu (see screenshot below). This can lead to issues with the mouseout event.

To Reproduce

Steps to reproduce the behavior:

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.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Edge
• Version: 126.0.2592.68 (Official build) (64-bit)

[ManikanthMSFT]

Hi @thdoan, thank you for reaching out to us.

We understand that you’re experiencing an issue with the Edge browser. To ensure that the appropriate team addresses your concern, we kindly request you to share the details of your issue on our feedback page: https://github.com/MicrosoftEdge/WebView2Feedback

[thdoan]

@ManikanthMSFT thanks for informing me about the proper channels to report this bug. I will re-post this there and then close this issue.