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] in small screen dropdown does not appear properly #18856

Open jhanvi03 opened 2 days ago

jhanvi03 commented 2 days ago

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.

Screenshot 2024-11-19 at 7 42 04 PM Screenshot 2024-11-19 at 7 41 35 PM

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 commented 1 day ago

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

MartinZikmund commented 20 hours ago

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)