dotnet
Fluent2: Controls Are NOT Designed for Custom Height
Description
Fluent2 controls suffer from a few issues with height:
- They are too tall by default. This is especially obvious with the ComboBox which is far too tall by default. I suspect the item margins/padding do not follow WinUI 3.
- Related with point 1, several controls are NOT designed for the default 32px height. I'm pretty sure this is the default in WinUI3 and needs to apply here as well?
- The controls do NOT support custom heights. I already noted this separately with the DatePicker calendar button. However, setting a forced height of 32px flatly doesn't work for ComboBox and has issues with DatePicker. All controls need to be audited.
Reproduction Steps
Controls with issues so far:
- ComboBox
- DatePicker
... please review for more. I will add them if/when I find them as well.
Expected behavior
See WinUI3 gallery
Actual behavior
See above
Regression?
No response
Known Workarounds
No response
Impact
No response
Configuration
No response
Other information
No response
I just came across this when using a MenuBar. It looks ridiculous.
Forgive the crude screenshot examples but this is not right at all. The red lines are the same size below. On the left is MenuBar shown in the WinUI 3 Gallery, on the right is a WPF app running on .NET 10 preview with the Fluent theme.
Notice how much smaller a native MenuBar is.
But by far one of the most absurd problems is that for some reason it's aligning the menu item text to be directly in the middle at all times without taking the height into consideration.
For reference this is what the default non-Fluent theme menu bar does:
