search

dotnet / maui

.NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
https://dot.net/maui
MIT License
22.17k stars 1.74k forks source link

ScrollView doesn't work in the Shell Flyout Header #11764

Open 573F4N077 opened 1 year ago

573F4N077 commented 1 year ago

Description

The ScrollView doesn't work when it is used in the FlyoutHeader of the Shell.

Steps to Reproduce

  1. Create a new Project
  2. Activate the Shell Flyout menu in the AppShell.xaml (Shell.FlyoutBehavior="Flyout")
  3. Add a FlyoutHeader to the Shell and fill it with a ScrollView and a Grid. A Button can be added to the Grid.
  4. Set the HeightRequest of the ScrollView and the Grid manually. the Grid has to be bigger than the ScrollView 
    <Shell.FlyoutHeader>
<ScrollView HeightRequest="500">
    <Grid HeightRequest="1000">
        <Button Text="Text" VerticalOptions="Center" ></Button>
    </Grid>
</ScrollView>
</Shell.FlyoutHeader>
  5. Start the App
  6. Open the Shell Flyout Menu
  7. Try to scroll the header

Link to public reproduction project repository

https://github.com/573F4N077/Shell-Flyout-Header-Scroll-Bug.git

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android, Windows, I was not able test on other platforms

Affected platform versions

Android 12, Android 13

Did you find any workaround?

I have found work arounds for most bugs I found working with Maui but not for this one.

Relevant log output

No response

ghost commented 1 year ago

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.

573F4N077 commented 1 year ago

I think I found the issue while implementing my own Flyout Menu. The scroll gesture/event competes with the pan gesture to open/close the Flyout Menu. Somehow the pan gesture to open/close the Flyout menu seems to have a higher priority while scrolling is ignored.

XamlTest commented 1 year ago

Verified this on Visual Studio Enterprise 17.7.0 Preview 1.0. This issue does not repro on Windows 11, repro on Android 13.0-API33 with provided Project: Test1.zip