microsoft
Combobox Items' text is cut-off when scrolling down the page, but only at certain scaling values
Describe the bug
Using a Combobox with multiple items, will display those items cut-off when you open the Combobox after you scrolled down the page that Combobox is on.
This issue can also be observed in the WinUI 3 Gallery, second example of the Combobox.
Steps to reproduce the bug
- Place a Combobox
- The page should have more content so it has a scroll that you can use to scroll down (to reproduce it in the WinUI 3 Gallery I expanded all example's code).
- Open the Combobox to see the items being cut-off.
Expected behavior
I would expect the items to be displayed entirely, not cut-off. Scrolling through the page should not affect how the items' text is displayed.
Screenshots
Combobox opened without scrolling the page down:
Combobox opened with the page scrolled down:
NuGet package version
WinUI 3 - Windows App SDK 1.8.3
Windows app type
- [ ] UWP
- [X] Win32
Device form factor
Desktop
Windows version
Windows Insider Build (xxxxx)
Additional context
Sometimes the bug can't be triggered in the XAML Gallery, but in my app it's always happening. Win UI 2.8 does not have this issue.
As an update, it looks like this is a scaling issue, it only happens at certain scaling levels, like for example:
- 4K resolution, 150% scaling - text is cut
- 4K resolution, 125% scaling - text is not cut
I don't see what you mean. All I see is that the selected item stays in the same place as it is in the collapsed control.
@Jay-o-Way look at each letter's bottom, is cut-off, the easiest one to observe is the letter g.
UP. This issue should not be part of https://github.com/microsoft/microsoft-ui-xaml/discussions/8638.
As an update, it looks like this is a scaling issue, it only happens at certain scaling levels, like for example:
- 4K resolution, 150% scaling - text is cut-off
- 4K resolution, 125% scaling - text is not cut-off
There is a similar behaviour with buttons as well, #9543