AttachedCardShadow not working with corner radius

[Naveen61097]

Describe the bug

AttachedCardShadow not working with corner radius if the container contains any element.

Steps to Reproduce

• create new Windows App SDK 1.0 project
• add the code as in the screenshot attached

Expected behavior

shadow should be applied in the stackpanel even if there is a corner radius.

Environment

NuGet Package(s): CommunityToolkit.WinUI.UI.Media

Package Version(s): 7.1.2

Windows 10 Build Number:

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

App min and target version:

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

Device form factor:

• Desktop
• Xbox
• Surface Hub
• IoT

Visual Studio version:

• 2017 (15.{minor_version})
• 2019 (16.{minor_version})
• 2022 (17.1.0 Preview 1.1)

Hello Naveen61097, 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 🙌

[AbdAlghaniAlbiek]

@Naveen61097
May your problem the same as described here #4331

[Naveen61097]

I don’t think so. In my case the shadow is not working in windows 11 too.

[michael-hawker]

Thanks @AbdAlghaniAlbiek, I agree it should be basically the same issue.

@Naveen61097 see my comment here, this is also called out in our sample app. Adding a CornerRadius to a panel changes its clipping behavior when there's content, so you need to nest an element. This generally isn't a problem with any templated control when applying a card shadow, but if you're adding it to a general panel yourself then you need to do this extra bit of work.