Vertical scrolling in <ScrollView Orientation="Both"> not working

[usa-]

Discussed in #7796

^{Originally posted by usa- June 6, 2022}
I start VS 2022 version 17.3.0 preview 1.1 (the latest one).
I create a new “.NET MAUI App” project.
In the MainPage.xaml file, I change the code inside the ContentPage element to the following:

    <ScrollView Orientation="Both">
        <Image Source="dotnet_bot.png" HeightRequest="1000" WidthRequest="1000" Aspect="AspectFit" />
    </ScrollView>

In the code-behind file, MainPage.xaml.cs, I delete the OnCounterClicked function.
In the debug destination drop-down list, I select the Android Emulator.
I run the application.
Expected behavior: I am able to scroll the image both vertically and horizontally.
Actual behavior: I am able to scroll the image only horizontally.

[flipper09112]

Some deadline for this fix? Some workarround?

[xtuzy]

Today i also find it, dont' work at Android, work at Windows.

sharex-20220905092632.mp4

[ycaktirma]

I encountered this issue when trying to present tabular data in my application. I had to use ScrollView with Orientation property set to "Both" (So users can see the all data).
It didn't work. I found a temporary solution. You can't scroll diagonally but vertical and horizontal scrolls are working fine. Instead of creating one ScrollView and set its Orientation to "Both", we will create two of them. One is responsible for vertical scrolls and the other one is for horizontal scrolls.

1. Create a ScrollView and set its Orientation to Vertical.
2. Create a ScrollView and set its Orientation to Horizontal
3. Set horizontal ScrollView's parent to vertical one. (If you set verticals parent to horizontal, it won't work. I don't know why.)

I am developing the UI without XAML. So I can only give an example in C#.

var scrY = new ScrollView();
scrY.Orientation = ScrollOrientation.Vertical;

var scrX = new ScrollView();
scrX.Orientation = ScrollOrientation.Horizontal;

scrX.Parent = scrY;
scrY.Content = scrX;

var table = new VerticalStackLayout();
table.Parent = scrY;
scrX.Content = table;

I am using VerticalStackLayout as content.

I didn't test it using XAML but i guess it will be okay.

Note: I only tested in Android Emulator. Idk if it is working on windows or ios or any other platform.

scrollViewTest.mp4

[tranb3r]

Any update ?

[usa-]

I doubt that there will be any :) I have moved my project to Android Studio / Kotlin, so now I know, that MAUI controls are wrappers around native Android controls with the same names, and the Android's ScrollView ir the one having the issue. If the developers of MAUI create a workaround using a combination of another controls, it will have another issues for sure.

[tranb3r]

I doubt that there will be any :) I have moved my project to Android Studio / Kotlin, so now I know, that MAUI controls are wrappers around native Android controls with the same names, and the Android's ScrollView ir the one having the issue. If the developers of MAUI create a workaround using a combination of another controls, it will have another issues for sure.

But it works in xamarin forms, so surely it can be fixed in maui...

[xiaoyuvax]

I doubt that there will be any :) I have moved my project to Android Studio / Kotlin, so now I know, that MAUI controls are wrappers around native Android controls with the same names, and the Android's ScrollView ir the one having the issue. If the developers of MAUI create a workaround using a combination of another controls, it will have another issues for sure.

met the same problme, but what is that "workaround"?
@usa-