Boxview corner radius not working in Mac OS and iOS

[Sasikumar3595]

Description

We have created the application with box view and box view corner radius not working on Mac OS and iOS

            Grid customGrid = new Grid();
            BoxView boxView = new BoxView();
            boxView.HeightRequest = 100;
            boxView.WidthRequest = 100;
            boxView.BackgroundColor = Colors.Red;
            boxView.CornerRadius = new Microsoft.Maui.CornerRadius(5);
            customGrid.HorizontalOptions = LayoutOptions.Center;
            customGrid.VerticalOptions = LayoutOptions.Center;
            customGrid.Add(boxView);
            this.Content = customGrid;

Expected output:

Actual output:

Steps to Reproduce

1. Create the sample with the above code
2. Run the sample on Mac OS and iOS
3. Box view corner radius not working

Version with bug

Preview 14 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS, macOS

Affected platform versions

iOS 15

Did you find any workaround?

No

Relevant log output

Not Applicable

[Redth]

Can you try using the Border control instead?

[ghost]

Hi @Sasikumar3595. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[Sasikumar3595]

@Redth ,

We are tried with border control, but the border control does not work correctly on resizing (width or height).
Reference: #5464

[samhouts]

The CornerRadius now applies properly on 6.0.400-preview.1.5782, but BackgroundColor does not. See #6592 for that issue. Closing this one, since the original issue is resolved.

[SteveJML]

Setting the background color sets the whole control to the chosen color ignoring the CornerRadius, setting Color=Red instead of BackGroundColor=Red respects the CornerRadius.