Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Problem/Bug]: FluentUI ComboBox/Select don't accept selected option in WinUI WebView2 #4545

Closed
Eilon opened this issue May 8, 2024 · 3 comments
Assignees
Labels
bug Something isn't working tracked We are tracking this work internally.

Comments

@Eilon
Copy link

Eilon commented May 8, 2024

What happened?

Original reports:

But the bug seems specific to WinUI WebView2 (doesn't repro on WPF WebView2).

Details: The FluentUI ComboBox (which internally uses an HTML <input> + some other HTML UI) doesn't accept selection in the WinUI WebView2. It works in regular Edge (just browsing the web), and it works in WPF WebView2.

Importance

Blocking. My app's basic functions are not working due to this issue.

Runtime Channel

Stable release (WebView2 Runtime)

Runtime Version

124.0.2478.80

SDK Version

WinAppSDK 1.5.240428000

Framework

WinUI3/WinAppSDK

Operating System

Windows 11

OS Version

10.0.22631.3447

Repro steps

  1. Create new WinUI3 Packaged App
  2. Change XAML to be just <WebView2 Source="https://learn.microsoft.com/en-us/fluent-ui/web-components/components/combobox?pivots=typescript"></WebView2>
  3. Run the app
  4. Scroll down to the bottom of the page and in the Example section make sure the Result tab is enabled, and in the dropdowns you see try to pick a 'graphics card' option. But it won't let you

image

If you try the same repro in a WPF WebView2 app it works fine (the graphics card is selected). And if you browser in regular Edge browser to https://learn.microsoft.com/en-us/fluent-ui/web-components/components/combobox?pivots=typescript then it also works fine.

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

AB#50879689

@johna-ms
Copy link
Contributor

Thank you for reporting this! I was able to repro this and will track this on our side

@johna-ms johna-ms added the tracked We are tracking this work internally. label May 13, 2024
@Peppe426
Copy link

Peppe426 commented Jun 7, 2024

I can confirm this. When debugging on a Windows machine, I can navigate and select options in FluentSelect using the keyboard. However, mouse clicks don't work; it seems to click on the area behind the dropdown/options instead.

@johna-ms
Copy link
Contributor

I believe this is a dupe of an older issue #4394 so I'll close this. Discussion should continue on the other issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working tracked We are tracking this work internally.
Projects
None yet
Development

No branches or pull requests

3 participants