[iOS] Grid cannot be scrolled properly in a scroll view

[Deepak1799]

Description

I have a grid inside the scroll view. When I try to scroll to the bottom of the grid using the "ScrollToAsync", the content (grid) is hiding without scrolling to the bottom.

Steps to Reproduce

1. Create a File -> New MaUI App.
2. Use a scroll view.
3. Add a grid inside the scroll view with some bigger size than the scroll view (to make the view scrollable).

        <ScrollView HeightRequest="800" x:Name="MyScrollView" WidthRequest="600" BackgroundColor="Red">
            <Grid x:Name="MyGrid" HeightRequest="1600" BackgroundColor="Yellow" 
              WidthRequest="1200"/>
        </ScrollView>

4. Try to scroll to the bottom programmatically in a button click and you could see the grid disappearing.
   await MyScrollView.ScrollToAsync(1200,1600,true);

Expected Behavior: Content should not disappear and the it should scroll to the bottom.

Repro project is attached here:
MauiApp1.zip

Version with bug

Release Candidate 3 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 15.5

Did you find any workaround?

No

Relevant log output

NA.

[kristinx0211]

can be reproduced on IOS with above project.

[HobDev]

I have the same issue with VerticalStackLayout. The ScrollVieew does not scroll to the bottom. The upper Content is visible but the Page does not scroll to the last element. Hence the last element in the UI remains hidden. This is a bug on iOS.

[rmarinho]

Looking at the sample, you can't put a ScrollView inside a VerticalStackLayout.. VerticalStackLayout will stretch to fit the contents, so it will make the ScrollView stretch and not be scrollable.

Can you try something like this see if you still see the issue?

   <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>

        </Grid.RowDefinitions>
        <Button Text="Scroll To Bottom" Clicked="Button_Clicked" />
        <ScrollView Grid.Row="1" x:Name="MyScrollView" BackgroundColor="Red">
            <Grid x:Name="MyGrid" HeightRequest="1600" BackgroundColor="Yellow" 
              WidthRequest="1200">
                <Label Text="Hello" TextColor="White" VerticalOptions="End" Background="Blue"/>
            </Grid>
        </ScrollView>
    </Grid>
    ```

[ghost]

Hi @Deepak1799. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. 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.

[ghost]

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

[ghost]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. If it is closed, feel free to comment when you are able to provide the additional information and we will re-investigate.