unoplatform / uno

Open-source platform for building cross-platform native Mobile, Web, Desktop and Embedded apps quickly. Create rich, C#/XAML, single-codebase apps from any IDE. Hot Reload included! 90m+ NuGet Downloads!!
https://platform.uno
Apache License 2.0
9.03k stars 733 forks source link

[Gallery][UI Components][ComboBox] Selected ComboBox Option Flickers While Scrolling on Small Screens #18857

Open jhanvi03 opened 2 days ago

jhanvi03 commented 2 days ago

Current behavior

When an option (e.g., "G") is selected in the ComboBox and the screen size is reduced, the selected option flickers between other options (e.g., other alphabets) while scrolling slowly. the issue happens in Material, Fluent and Cupertino.

https://github.com/user-attachments/assets/80a7e6f3-bdae-464c-a51f-a6868c487844

https://github.com/user-attachments/assets/664c63c8-83e9-4900-9980-34ccdaeda61a

Expected behavior

The selected ComboBox option should remain stable and not flicker to other options while scrolling, regardless of screen size or scrolling action.

How to reproduce it (as minimally and precisely as possible)

  1. Open gallery canary on web browser (make sure its is small screen
  2. Navigateto mMenu -> UI Components -> Combobox
  3. Select anything from the dropdown and slowly scroll
  4. Observe how the selected items is flickering.

Workaround

No response

Works on UWP/WinUI

None

Environment

No response

NuGet package version(s)

No response

Affected platforms

WebAssembly

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response

jeromelaban commented 1 day ago

This looks like the combobox is picking up mouse wheel events even if the scrollviewer handles it.

@jhanvi03 can you validate that is does not do the same on WinAppSDK?