RelativeLayout renders blank with no visible elements

[jankovicl]

Description

When the app opens to the page with the relative layout, the entire page is blank. We tried using AbsoluteLayouts and we don't appear to have this issue although we would have to recalculate the positions of everything in our app if we had to switch them.

Steps to Reproduce

1. Create a new .NET MAUI App
2. Add a ContentPage that creates an Image and Button and adds them to a RelativeLayout.

var layout = new Microsoft.Maui.Controls.Compatibility.RelativeLayout();

var image = new Image
{
    StyleId = "LoginLogo",
    VerticalOptions = LayoutOptions.Center,
    Aspect = Aspect.AspectFit,
    Source = "logo.png"
};

loginButton = new Button
{
    StyleId = "LoginButton",
    TextColor = Colors.White,
    BackgroundColor = Colors.Blue,
    HeightRequest = 40,
    FontSize = 17
};
loginButton.SetBinding(VisualElement.BackgroundColorProperty, "LoginButtonColor");
loginButton.SetBinding(Button.CommandProperty, "Login");
loginButton.SetBinding(Button.TextProperty, "LoginButtonText");

var labelHeight = Constraint.RelativeToParent(p => p.Height * 4.2 / 62);
var labelWidth = Constraint.RelativeToParent(p =>
{

    return p.Width * .9;
});

var labelX = Constraint.RelativeToParent(p =>
{

    return p.Width * .05;
});

layout.Children.Add(image,
    Constraint.RelativeToParent(p => (p.Width - (p.Width * (27.5 - 8) / 36)) / 2),
    Constraint.RelativeToParent(p => p.Height * 3.5 / 62),
    Constraint.RelativeToParent(p => p.Width * (27.5 - 8) / 36),
    Constraint.RelativeToParent(p => p.Height * (26 - 2.5) / 62));

layout.Children.Add(loginButton,
    labelX,
    Constraint.RelativeToParent(p => p.Height * 51 / 62),
    labelWidth,
    Constraint.RelativeToParent(p => p.Height * 5 / 62));

3. Add that RelativeLayout as the content of a ScrollView and Assign that to the Content of the ContentPage.

this.Content = new ContentView
{
    StyleId = "LoginContentView",
    Content = new Microsoft.Maui.Controls.ScrollView
    {
        StyleId = "LoginScrollView",
        Content = layout
    }
};

4. Change the App.xaml.cs MainPage to this new ContentPage.

I created a public repo with all the files that sample what we have in our app.

Link to public reproduction project repository

https://github.com/jankovicl/MauiRelativeLayoutBug

Version with bug

8.0.7 SR2

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

Last version that worked well

Unknown/Other

Affected platforms

iOS, Android, I was not able test on other platforms

Affected platform versions

No response

Did you find any workaround?

No

Relevant log output

No response