Content inside a Frame layout is not visible.

[uragonda-rajesh]

Description

Label inside a frame layout is not visible.

Steps to Reproduce

Run this.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:VT.Views"
             xmlns:resources="clr-namespace:VT.Resources"
             x:Class="VT.Views.Demo">
    <ContentPage.Resources>
        <Style x:Key="Demostyle"
           TargetType="Label">
            <Setter Property="FontSize"
                Value="Medium" />
            <Setter Property="HorizontalOptions"
                Value="Center"/>
            <Setter Property="VerticalOptions"
                Value="Center"/>
            <Setter Property="HorizontalTextAlignment"
                Value="Center"/>
        </Style>
    </ContentPage.Resources>

    <ContentPage.Content>
        <ScrollView VerticalOptions="FillAndExpand"
                    VerticalScrollBarVisibility="Always">
            <StackLayout BackgroundColor="Red" Padding="16,16,16,16" Orientation="Vertical" VerticalOptions="FillAndExpand">
                <Label HorizontalOptions="FillAndExpand"
                       Text="Sample label"
                       Margin="10,10,10,10"
                       TextColor="White"
                       VerticalOptions="CenterAndExpand">
                    <!--// remove VerticalOptions="CenterAndExpand" line to resolve-->
                </Label>
                <Frame Margin="10,10,10,10">
                    <Label Text="Sample button" Padding="14,0,14,0" HorizontalOptions="FillAndExpand" Style="{StaticResource Demostyle}"/>

                    <Frame.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding LoginCommand}"/>
                    </Frame.GestureRecognizers>
                </Frame>
            </StackLayout>
        </ScrollView>
    </ContentPage.Content>
</ContentPage>

namespace VT.Views
{
    public partial class Demo : ContentPage
    {
        public Demo()
        {
            InitializeComponent();
        }
    }
}

Version with bug

Release Candidate 3 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 10

Did you find any workaround?

Need to remove VerticalOptions="CenterAndExpand" of the Label above the Frame layout to make the Label inside the Frame visible.

Relevant log output

No response

[XamlTest]

Verified this issue with Visual Studio Enterprise 17.3.0 Preview 1.0 [32427.455.main]. Repro on Android12. Sample Project: MauiApp10.zip

[mobycorp]

I apologize for getting snarky, but the Frame element has been a problem child for MONTHS!! The layout inside a frame has NEVER worked!!! Please fix this ASAP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Here is a layout on Android (I am getting layout inside of a Frame):

Here is the same rendering on Windows:

I am using VS Version 17.3.0 Preview 2.0

[mobycorp]

To confirm: I did employ a workaround using a Rectangle in place of the frame with a lower Zindex so that it would be guaranteed to be behind the VerticalStackLayout that contains the other controls I wanted framed...

[PureWeen]

Verified this issue with Visual Studio Enterprise 17.3.0 Preview 1.0 [32427.455.main]. Repro on Android12. Sample Project: MauiApp10.zip

This appears to be fixed

If you're still seeing this once SR2 comes out let me know