ScrollView inside a Grid with multiple Rows and Columns not working

[ederbond]

Description

If you have a Grid with 2 rows and 3 columns and you put a ScrollView inside of this Grid set the ScrollView to be on
Grid.Row="1"
Grid.ColumnSpan="3"
the ScrollView stop working (you can't swipe to scroll).

Notice that if you remove one of these Grid attached property from the ScrollView it will start working again.

I've just tested it on Android but please. Make sure you fix it on other platforms too (iOS and Windows)

Steps to Reproduce

Download this sample:
https://github.com/ederbond/ScrollView_With_Grid_ColumnSpan_Bug

Run the app on a Pixel 5 Android emulator and try to scroll down using a swipe gesture.
It won't work

Version with bug

6.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 11 and iOS, Windows, Tizen, MacOS ...

Did you find any workaround?

No

Relevant log output

No response

[ToolmakerSteve]

• Does the content in that row go beyond the bottom of screen?
• If instead of Auto, you use a fixed row height that is small enough to require scrolling, does it work then?

[VincentBu]

repro with vs main build 32530.96.main

[AlexanderEgorov]

Still repro with maui-ios 7.0.0-rc.2.6866/7.0.100-rc.2

[hartez]

Change RowDefinitions="150,Auto" to RowDefinitions="150,*".

The Auto height tells the ScrollView to be whatever height it wants, so it takes enough height to display all of its content (which means it runs off the edge of the screen). Since all of its content is displayed, it has no need to scroll.

Changing that height to * tells it that it has to fit within the remaining area of the screen (after satisfying the height of 150 for the first row). So it lays out in the remaining space, which is not large enough to display all of its content; now it needs to allowing scrolling.