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

[jhanvi03]

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.

Screen.Recording.2024-11-19.at.7.55.02.PM.mov

Screen.Recording.2024-11-19.at.7.53.23.PM.mov

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]

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?