Fully customized title bar covers window's black border on Windows 10

[dblohm7]

Describe the bug

I've created a top-level Win32 window with a XAML island filling its entire client area. When I set ExtendsContentIntoTitleBar = true on my AppWindow with a custom title bar, the black border drawn by DWM is covered across the top (but not the left or the right). I've tried compensating by manually drawing a border across the top of the Grid containing my title bar layout, but it still doesn't look right because the caption buttons overlap that border, instead of being inset inside of it.

Since this is on Windows 10, I cannot use DWM APIs to hide the rest of that border myself.

Steps to reproduce the bug

1. Create a top-level Win32 window, add a XAML island within it;
2. Use AppWindow.ExtendsContentIntoTitleBar = true and set a custom title bar layout;
3. Write a simple app that just displays the window
4. Move the app's window in front of a light-colored background (I just move it in front of an empty notepad window)
5. Notice that there is a black border around three sides of the window, but it's missing across the top of the window where the custom title bar is drawn.

Expected behavior

I expect that on Windows 10 a fully-customized title bar will not obscure the border across the top of the window.

Screenshots

NuGet package version

Windows App SDK 1.6.1: 1.6.240923002

Packaging type

Unpackaged

Windows version

Windows 10 version 22H2 (19045, 2022 Update)

IDE

Visual Studio 2022

Additional context

No response

[github-actions[bot]]

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:

• Extended AppWindow titlebar top border not visible on Windows 10 (#8948), similarity score: 0.84

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