[Bug] BoxView loses background color when its parent is removed and re-added to the container

[alexeystrakh]

Description

BoxView loses background color when its parent is removed and re-added to the container. Rearrange is added in order to change the control's (target) z-index to move on top of other items.

Steps to Reproduce

1. Create an AbsoluteLayout, Grid inside with BoxView
2. Remove and re-add the Grid from/to AbosoluteLayout container

Expected Behavior

BoxView keeps the background color

Actual Behavior

BoxView has no background after the step 2

Basic Information

• Version with issue: 6.0.100-rc.2.21505.57
• Last known good version: NA
• IDE: VS2022 - Preview 5
• Platform Target Frameworks: iOS, Android, Windows

Screenshots

the target in its original state:

the target after being removed and readded to the container

Reproduction Link

<Grid x:Name="target">
    <BoxView BackgroundColor="Red" WidthRequest="50" HeightRequest="50" />
</Grid>

var targetContainer = target.Parent as Layout;
targetContainer.Children.Remove(target);
targetContainer.Children.Add(target);

Workaround

None is found

[hartez]

@alexeystrakh Do you have the same issue if you use a Rectangle?

[alexeystrakh]

I have reproduced this issue after adding a few more controls to the layout, the underlying issue is not with the color but with the Grid layout which is not properly resized after the control is being added back to the layout in runtime.

[hartez]

@alexeystrakh How are you positioning the Grid inside the AbsoluteLayout?

[hartez]

@alexeystrakh I'm attaching my effort at reproducing this - can you take a look and tell me what I'm missing? Removing and re-adding the Grid, it seems to be sized fine and contain the expected BoxViews.

ReparentRepro.zip

[hartez]

This is not limited to BoxView - any Shape we remove and re-add has this issue.

[jsuarezruiz]

@hartez I can't reproduce it in main branch, could you attach an example or share more details?. Thanks!

[hartez]

The repro project above will demonstrate it if you run it on Windows.
The cause is microsoft/microsoft-ui-xaml#1900
dotnet/Microsoft.Maui.Graphics#229 will work around the issue for the W2DGraphicsView, which solves it for Shapes in MAUI.

[hartez]

Fix is merged in MAUI.Graphics - once we get the new version pulled into MAUI we can test again and possibly close this.

[kristinx0211]

Not reproducible with windows 10.0.19041.