TitleBar display issues with ExtendContentIntoTitleBar

[onslauth]

Describe the bug

Setting the TitleBar color to a solid color using the following:

<SolidColorBrush x:Key="WindowCaptionBackground">Orange</SolidColorBrush>

causes the underlying content to be occluded.

Changing the value to the following solves the issue:

<SolidColorBrush x:Key="WindowCaptionBackground">Transparent</SolidColorBrush>

however this causes another display issue, with regards to the z-index ordering. The example uses the following layout: Window->Grid->NavigationView->Frame->Page->Grid->SplitView->Grid->Canvas When dragging the Image added to the canvas, it then occludes the TitleBar content.

Steps to reproduce the bug

Run application.

Expected behavior

Setting a solid color for the WindowCaptionBackground should not occlude the content that has been extended into the TItleBar. The content of the NavigationView->Frame should not occlude the content in the TitleBar. Please see screenshots.

Screenshots

• WindowCaptionBackground set to Orange:

• WindowCaptionBackground set to Transparent, you can see the content added to Navigation.ContentOverlay clearly visible ( TextBlock with wording "Test" ):

• Content visible in NavigationView->Frame->...->Canvas:

• Content in the canvas is moved/dragged:

NuGet package version

1.1.4

Packaging type

Packaged (MSIX)

Windows version

Windows 10 version 21H1 (19043, May 2021 Update)

IDE

Visual Studio 2022

Additional context

Windows App SDK version is 1.1.5, but option was not available in Nuget package version.