AttachedCardShadow not working (WinUI 3 WinAppSDK 1.0 Preview 3)

[wbokkers]

Describe the bug

I can't get the AttachedCardShadow to work in WinUI 3 Windows App SDK 1.0 Preview 3.

Steps to Reproduce

Using Windows App SDK 1.0 Preview 3 and WinUI 3,
And given this XAML:

   xmlns:ui="using:CommunityToolkit.WinUI.UI"
    xmlns:media="using:CommunityToolkit.WinUI.UI.Media">

     <Border Height="100" Width="100">
        <Border CornerRadius="8"
                BorderBrush="White" Background="LightGreen" BorderThickness="1">
           
        </Border>
        <ui:Effects.Shadow>
            <media:AttachedCardShadow CornerRadius="8"
                                    Offset="4,4"/>
        </ui:Effects.Shadow>
    </Border>

I get the following result:

Alas, no shadow.

Expected behavior

I would expect a shadow to appear

Environment

NuGet Package(s):

Package Version(s):

Windows 10 Build Number:

• [ x] 19043.1320

App min and target version:

Min: 17763
Target: 19041

Device form factor:

• [ x] Desktop

Visual Studio version:

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

[wbokkers]

This is not a duplicate of #4331. I used the suggested solution, and the corner radius does not have any effect.

[michael-hawker]

Yeah I hit this too, may be related to #3882. FYI @azchohfi

[michael-hawker]

Validated the AttachedDropShadow was working though seems to have issues with CornerRadius

AttachedCardShadow was being blocked by an old UWP check, so we're investigating a fix. Thanks @azchohfi!

[michael-hawker]

Fixed here: https://github.com/CommunityToolkit/WindowsCommunityToolkit/releases/tag/winui-7.1.1-preview3.1

[wbokkers]

@michael-hawker I have an issue now with the AttachedCardShadow not starting at the edge of the control, but leaving a gap between the control and the shadow (only at the right and bottom edges):

I think this is somehow related with this WinUI issue:
microsoft/microsoft-ui-xaml#6207

[michael-hawker]

@wbokkers yeah, I didn't notice this when putting a shadow on a square image, so seems related to the issue you linked to. Didn't know about that one, so thanks for linking!

[zipgenius]

I'm having the very same issue in WASDK 1.0 (no shadow attached to a Grid element)