Grid - Label Height calculation is wrong

[omghb]

Description

The Grid - Label Height calculation is wrong when using ColumnSpan and Label with multiple lines. See screenshot with iOS, Android and Windows:

Steps to Reproduce

1. Create new .NET MAUI App with .NET 7
2. Replace ScrollView content in MainPage.xaml with following content:

    <ScrollView>
        <Grid ColumnDefinitions="*,Auto" RowDefinitions="Auto,Auto,Auto,*" Padding="30,10" RowSpacing="10">

            <Label Grid.ColumnSpan="2" Text="2 line text: Welcome to .NET Multi-platform App UI" FontSize="18" LineBreakMode="WordWrap" />

            <VerticalStackLayout Grid.Row="1" Grid.ColumnSpan="2" >
                <Label Text="2 line text: Welcome to .NET Multi-platform App UI" FontSize="18" LineBreakMode="WordWrap" />
            </VerticalStackLayout>

            <Label Grid.Row="2" Grid.ColumnSpan="2" Text="2 line text: Welcome to .NET Multi-platform App UI" FontSize="18" LineBreakMode="WordWrap" />
            
        </Grid>
    </ScrollView>

Note: If you remove Grid.ColumnSpan="2" then it calculates the height correctly.

Link to public reproduction project repository

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS, Android, Windows

Affected platform versions

iOS 16, Android 12, Windows 10

Did you find any workaround?

no

Relevant log output

Installed Workload Id      Manifest Version       Installation Source
---------------------------------------------------------------------
android                    33.0.4/7.0.100         VS 17.4.33213.308
maui-windows               7.0.52/7.0.100         VS 17.4.33213.308
maui-maccatalyst           7.0.52/7.0.100         VS 17.4.33213.308
maccatalyst                16.1.1477/7.0.100      VS 17.4.33213.308
maui-ios                   7.0.52/7.0.100         VS 17.4.33213.308
ios                        16.1.1477/7.0.100      VS 17.4.33213.308
maui-android               7.0.52/7.0.100         VS 17.4.33213.308

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.

[espenrl]

Thank you very much @omghb. I run into the exact same problem and redoing my layout, and removing the usage of ColumnSpan, solved my problem.

[ghost]

Hi @omghb. We have added the "s/try-latest-version" label to this issue, which indicates that we'd like you to try and reproduce this issue on the latest available public version. This can happen because we think that this issue was fixed in a version that has just been released, or the information provided by you indicates that you might be working with an older version.

You can install the latest version by installing the latest Visual Studio (Preview) with the .NET MAUI workload installed. If the issue still persists, please let us know with any additional details and ideally a reproduction project provided through a GitHub repository.

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.

[jinxinjuan]

Verified this issue with Visual Studio Enterprise 17.7.0 Preview 1.0. Not repro on windows, android and iOS platform with sample project. MauiApp13.zip