MicrosoftEdge / WebView2Feedback

Feedback and discussions about Microsoft Edge WebView2
https://aka.ms/webview2
452 stars 55 forks source link

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

Open thdoan opened 4 months ago

thdoan commented 4 months ago

What happened?

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

image

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

thdoan commented 4 months ago

This issue could be related to https://github.com/MicrosoftEdge/WebView2Feedback/issues/780

victorhuangwq commented 4 months ago

Thanks for reporting this issue. I can reproduce in the Edge Browser, and I am trying to find the relevant team.

I do want to point out that this is actually the Edge WebView2 repository,. I saw that you came from the Edge Extension Repository after being redirected to post here, which is unfortunately a wrong advice. There's no GitHub repository for the Edge Browser at the moment, and the best way to report Edge Browser issues in the future would be through the send feedback feature:

image

thdoan commented 4 months ago

the best way to report Edge Browser issues in the future would be through the send feedback feature

@victorhuangwq I reported the issue using this method many months ago, but never got a response. Since reporting issues through Edge feedback doesn't have a feedback loop (ironic), it's hard to know if the thing you reported is being looked at. 😅 Thank you for passing this along to the relevant people.