[Issue]: Border View Not Visible on Android in MAUI Shell When Child of StackLayout

[briankalwat]

Describe the Issue in Detail

After reading the MAUI migration documentation, I converted all of our Rock:StyledView elements to use Border. After doing so, the new Border elements work fine on iOS, but are not visible on Android.

iOS

Android

Can reproduce in

• [ ] Orange App
• [ ] Blue App

Steps to Reproduce

1. Put the reproduction XAML below on any page
2. View the page in the MAUI shell
3. See that the view is visible on iOS but not Android

Expected Behavior

Border views should be visible on all platforms.

Actual Behavior

Border views are visible on iOS, but not Android.

Screenshots or Videos

(In Description)

Reproduction XAML

<StackLayout>
    <Border StrokeShape="RoundRectangle 12" Padding="4" Margin="0,0,0,16" StyleClass="bg-primary">
        <Border.Shadow>
            <Shadow Brush="Black"
                    Offset="0,1"
                    Radius="1"
                    Opacity="0.2" />
        </Border.Shadow>
        <Label Text="STUFF"/>
    </Border>
</StackLayout>

Mobile Shell Version

6.0.0.0

Last Known Working Version

No response

iOS Device Type(s) and iOS Version(s)

iPhone iOS 17.3.1

Android Device Type(s) and Android Version(s)

Android v14