[Gallery][UI Components][ComboBox] in small screen dropdown does not appear properly

[jhanvi03]

Current behavior

When the dropdown of the ComboBox opens on small screens, it appears merged with the background color, making it difficult to differentiate or see clearly.

Expected behavior

It should appear below the box.

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. Click on any box and observe

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]

@jhanvi03 can you validate that is looks the same on WinAppSDK?

[MartinZikmund]

It is likely that the small screen size is the reason why the combobox needs to be layouted differently than below (as it would otherwise not fit). On WinAppSDK it will most likely overflow out of the window (as the popup is windowed)