[WinUI 3] Custom TitleBar Window Decorations not working

I have enabled ExtendsContentIntoTitleBar = true; and created a custom title bar as follows:

        <Grid Name="TitleBar" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="30" Background="Transparent">
            <Grid.ColumnDefinitions>
                <ColumnDefinition x:Name="LeftPaddingColumn" Width="0"/>
                <ColumnDefinition/>
                <ColumnDefinition x:Name="RightPaddingColumn" Width="0"/>
            </Grid.ColumnDefinitions>

            <TextBlock Grid.Column="1" Margin="20,8,0,0" Style="{StaticResource CaptionTextBlockStyle}" Text="{x:Bind ViewModel.Title}"/>
        </Grid>

I also set this title bar with SetTitleBar(TitleBar); This is the result: As you can see, the window decorations (Minimize, Maximize, Close) are not the correct size as they are on every other Windows window and these buttons also don’t work (they seem to be disabled and don’t do anything when clicked). How can I get them to 1. be the correct size and 2. function correctly?

Btw, using the Windows App SDK V0.8.1 with WinUI 3

[crramirez]

@hayashida-katsutoshi Works perfectly. Thank you very much

[hayashida-katsutoshi]

    <Grid Grid.RowDefinitions="Auto,*">
        <StackPanel Grid.Row="0" Height="35" Orientation="Horizontal" Spacing="15" x:Name="TitleBar" HorizontalAlignment="Stretch" VerticalAlignment="Top">
            <TextBlock VerticalAlignment="Center" Text="MyApp" />
        </StackPanel>
    </Grid>

I use this for the title bar and the Minimize/Maximize/Close are working on a Windows 10 PC. I tested it in WinUI3 unpackaged desktop with Windows App SDK 1.0.

You can add an icon inserting an Image tag before the TextBlock. The icon will have no context menu but fair enough to me.