Grid and ScrollView don't play well together [iOS, Regression]

[espenrl]

Description

A Grid with a ScrollView and a Button in two separate rows will not allocate the right amount of space to the button when the scrollview contains content larger than device screen.

Steps to Reproduce

See repro. On iOS the button is not being shown properly.

Windows

iOS

Link to public reproduction project repository

https://github.com/espenrl/issue-repro/tree/main/maui-grid

Version with bug

7.0.86

Last version that worked well

7.0.59

Affected platforms

iOS

Affected platform versions

iOS 16

Did you find any workaround?

No response

Relevant log output

No response

[MGohil]

Maui Team,

This is one of the critical bug where it has affected lot of my app pages, where we have button at the bottom.
User can't navigate to other pages. There is no better workaround to this issue where we need scrolable content with a button at bottom by using scrollview and grid with RowDefinitions= "*, Auto"

This happened after I updated .NET Maui on 18th May, 2023 with 7.0.302.

It would be great if we put this on priority and fix ASAP.

FYI: @breenbob

[SagarPanwala]

Happening for me as well.

[Keflon]

I reported what looks like the same problem #15085
It turns out it's a duplicate of #15079
and has already been fixed by #14176
:)

[espenrl]

I reported what looks like the same problem #15085 It turns out it's a duplicate of #15079 and has already been fixed by #14176 :)

Thanks for the headsup @Keflon It was working fine in 7.0.59 which predates that PR though.

[JonnySKK]

Although it seems to be fixed, we are still waiting for the next service release, so hopefully they put out one soon for .NET 7 to resolve this

[fgiacomelli]

Same problem for me, really critical, because in an app there could be a lot of layouts with a grid declared with *,Auto where the second row is placed on bottom of the page

[omghb]

It broke a lot pages in our App on iOS since we upgraded from 7.0.59 to 7.0.86. It's critical as the App is not usable on iOS anymore. So far we have not found any workarounds.

❗ CRITICAL: Please, fix this soon and deploy it with a SR for 7.0.

[AnnYang01]

Verified this on Visual Studio Enterprise 17.7.0 Preview 3.0 in iOS 16.4 . This issue not repro on .NET 7.0 and .NET 8.0 with below Project:
MauiApp2.zip
screenshot in .NET 8.0:

screenshot in .NET 7.0:

[ghost]

Hi @espenrl. 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.

[omghb]

I just tried the latest released MAUI version 7.0.92. Unfortunately, I still see this issue in our App on an iPhone 13 (iOS 16.4.1).

The bottom area is only half visible on pages where the ScrollView contains much content so that scrolling is required.

Update: Now, I used the sample provided by @espenrl and still see the issue reported in his post. This was not fixed by the latest MAUI 7 SR.

Update 2: When I tried the sample it was using the previous MAUI version 7.0.86. I thought that the latest VS 17.6.5 update has the new MAUI version already included. That was not the case.

[espenrl]

This issue is resolved in 7.0.92 and doesn't reproduce with the sample I provided.

[omghb]

Our App still shows this issue with MAUI 7.0.92. But in our case it is because we are using additional the On<iOS>().SetUseSafeArea(false); setting. See:

• iOS: UseSafeArea is ignored when root-element is a ScrollView #15897

However, both issues might be related as the effects are the same.