CommandBar not respecting Fluent sizing

[danmartinez]

Describe the bug
The CommandBar height defaults to 48px when using WinUI 2 styles instead of 40px as described in this documentation. Uncertain whether this is expected behavior.

Steps to reproduce the bug

1. Created a new project from the "Blank App (C++/WinRT)" template.
2. Gutted the default contents and replaced with:

App.xaml

<Application
    x:Class="CommandBarTest.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CommandBarTest">
    <Application.Resources>
        <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
    </Application.Resources>
</Application>

MainPage.xaml

<Page...>
    <Grid>
        <CommandBar DefaultLabelPosition="Right">
            <AppBarButton Icon="Back" Label="Back"/>
        </CommandBar>
    </Grid>
</Page>

Expected behavior

• Without WinUI library styling, CommandBar height is 40px.
• With WinUI library styling, CommandBar height is 40px.
• With WinUI Compact styling, CommandBar height is 32px.

Actual behavior

• (Without WinUI library styling, CommandBar height is 40px as expected.)
• With WinUI library styling, CommandBar height is 48px.
• With WinUI Compact styling, CommandBar height is 48px.

Note that AppBarButtons do size to a height of 32px, but there is space added above and below them.

Windows version:

• Windows 11 (22000)

Device form factor:

• Desktop

[gregwoo-microsoft]

Thanks for pointing this out @danmartinez. I will double-check with our design team to be sure and come back to this thread when I have an update.

[Jay-o-Way]

@gregwoo-microsoft was the design team busy?

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one. Thank you!

Open similar issues:

• Proposal: Compact sizing for CommandBar (#4430), similarity score: 0.71

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[Jay-o-Way]

Maybe @niels9001 knows more?