Xamarin.forms: [Bug][iOS] Shapes disappear in a Frame in a ListView when scrolled

[haavamoa]

Description

I am developing a page with a list of Shapes, I've also added Frame as the root element for each item to get rounded corners as a card. Everything is working for Android, but I notice something for iOS:

• Each shape disappear when I scroll the list.

Steps to Reproduce

1. Clone this repository
2. Start this project on a device or a simulator (bug exists for both)
3. Scroll the list up and down and notice that the shapes disappear.

Expected Behavior

The shapes to be visible at all times.

Actual Behavior

Shapes disappear.

Basic Information

• Version with issue: 4.8.0.1560
• Last known good version: Unknown
• IDE: VS for windows 16.7.5
• Platform Target Frameworks:
  
  
  
  • iOS: 14
  
  

Screenshots

Bug

Non-bug

Workaround

Remove the Frame and create a Grid with three rows that has two PancakeViews at the top and bottom to mimic a Frame.

<Grid RowDefinitions="Auto, *, Auto">
    <yummy:PancakeView Grid.Row="0" CornerRadius="8,8,0,0" HeightRequest="8" />
     <Path Grid.Row="1" ... />
    <yummy:PancakeView Grid.Row="2" CornerRadius="0,0,8,8" HeightRequest="8" />
</Grid>

[haavamoa]

Shoutout to @sthewissen for PancakeView to come to the rescue 🤓