Title bar still not behaving correctly...

Description

I just updated my Visual Studio installation to Microsoft Visual Studio Community 2022 (64-bit) - Preview Version 17.3.0 Preview 1.0 hoping that the <Entry IsPassword="True" /> issue would be fixed (the cursor always skips to position 1 and screws the input completely up) - which it is not (I saw where it was fixed but it did not make it into this release but would come out in the GA release… I really hope someone rethinks that decision and can release it during the next RC release…

But, that’s not what I am reporting here. When I fired up my app and I have the OnWindowCreated lifecycle event ExtendsContentIntoTitleBar = true I am expecting the window’s chrome title bar background to go transparent. I don’t want to see the dark strip across the top of the window:

Steps to Reproduce

1. Create a new MAUI app
2. Configure the lifecycle events as follows:

.ConfigureLifecycleEvents (lifecycle => {
#if WINDOWS
    lifecycle
        .AddWindows (windows => {
            _ = windows.OnWindowCreated ((window) => window.ExtendsContentIntoTitleBar = true);

            Config.ExtendsContentIntoTitleBar = true;
        });
#endif
})

1. Run the app…

Version with bug

Release Candidate 3 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

net6.0-windows10.0.1904

Did you find any workaround?

I tried to find the content control in the window control tree and can’t find it. Even if I could, there should be a better way to style the color than hacking the visual tree.

Relevant log output

No response

VS bug #1786422

[PureWeen]

@mobycorp I need to research this scenario a bit more

In the meantime you can try removing it via custom templates inside the WinUI XAML

https://github.com/dotnet/maui/pull/5811

<maui:MauiWinUIApplication.Resources>
        <DataTemplate x:Key="MauiAppTitleBarContainerTemplate">
            <Grid HorizontalAlignment="Stretch">
                <ContentControl
                    Grid.Column="4"
                    IsTabStop="False"
                    HorizontalContentAlignment="Stretch"
                    VerticalContentAlignment="Stretch"
                    x:Name="AppTitleBarContentControl">
                </ContentControl>
            </Grid>
        </DataTemplate>
    </maui:MauiWinUIApplication.Resources>

And then do something like this in your window created code to clear out where we set that titlebar

Toggle that and you can see how the hamburger menu gets all munged up… When you close the toggle, you can see the hamburger menu is over (under) layed by the Flyout Header title…

What’s your overall expectation here? Would it basically be for the hamburger to hide when the flyout is open and then show back up when it’s closed?

[PureWeen]

@mobycorp Once we merge this the experience should be better. Once that’s pushed out with NET8 previews if you can test and let me know!