TabbedCommandBar Issue with FocusVisualKind

[iloxmn]

Describe the bug

Set this in App.xaml.cs
public App()
{
this.FocusVisualKind = FocusVisualKind.Reveal;
}
then create a TabbedCommandBar in MainPage.xaml and the header is missing

• Is this bug a regression in the toolkit? If so, what toolkit version did you last see it work:

Steps to Reproduce

• Can this be reproduced in the Sample App? (Either in a sample as-is or with new XAML pasted in the editor.) If so, please provide custom XAML or steps to reproduce. If not, let us know why it can't be reproduced (e.g. more complex setup, environment, dependencies, etc...)

Steps to reproduce the behavior:

1. Given the following environment (Sample App w/ XAML, Project with Isolated setup, etc...)
2. Go to '...'
3. Click on '....'
4. Scroll down to '....'
5. See error

Expected behavior

Screenshots

Environment

NuGet Package(s):
WinUi
Community Toolkit
Package Version(s):
2.7
7.1

Windows 10 Build Number:

• Fall Creators Update (16299)
• April 2018 Update (17134)
• October 2018 Update (17763)
• May 2019 Update (18362)
• [x ] May 2020 Update (19041)
• [x ] Insider Build ({build_number})

App min and target version:

• Fall Creators Update (16299)
• April 2018 Update (17134)
• October 2018 Update (17763)
• May 2019 Update (18362)
• [ x] May 2020 Update (19041)
• Insider Build ({build_number})

Device form factor:

• [x ] Desktop
• [x ] Xbox
• Surface Hub
• IoT

Visual Studio version:

• 2017 (15.{minor_version})
• [x ] 2019 (16.{minor_version})
• 2022 (17.{minor_version})

Additional context

Hello iloxmn, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

[michael-hawker]

@yoshiask think you could take a look?