title: Can't scroll Xamarin.Forms ScrollView when small views are stacked on top
body: <p>I have an Image and some Buttons at the top of an AbsoluteLayout, stacked over a ScrollView. There is plenty of space between the items to "reach down to" the scroll view and swipe to scroll, but swiping to scroll doesn't work. So then I tried stacking them inside of a Grid as <a href="https://forums.xamarin.com/discussion/123092/scrollview-blocks-when-nested-inside-a-relativelayout-or-an-absolutelayout" rel="nofollow noreferrer">suggested here</a>, but same problem. What am I doing wrong here?</p>
  
  <pre><code>&lt;ContentPage.Content&gt;
      &lt;AbsoluteLayout LayoutFlags="All" LayoutBounds="0,0,1,1" BackgroundColor="Default"&gt;
          &lt;Grid AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1"&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="*" /&gt;
              &lt;/Grid.RowDefinitions&gt;
              &lt;ScrollView x:Name="ScoreScrollView" Orientation="Horizontal" ScrollX="{Binding ScoreScrollX}" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1" 
                      HorizontalScrollBarVisibility="Always" VerticalScrollBarVisibility="Never" BackgroundColor="White"&gt;
                  &lt;AbsoluteLayout LayoutFlags="HeightProportional" BackgroundColor="LightGray"&gt;
                      &lt;AbsoluteLayout x:Name="ScoreContainer" LayoutFlags="All" LayoutBounds="0,0,1,0.75" BackgroundColor="White"&gt;
                          &lt;skia:SKCanvasView x:Name="ScoreCanvas" PaintSurface="PaintScore" IgnorePixelScaling="True" Scale="1.0" 
                                         AbsoluteLayout.LayoutFlags="None"
                                         AbsoluteLayout.LayoutBounds="{Binding ScoreImageRect}"
                                         BackgroundColor="Default"
                                         /&gt;
                          &lt;skia:SKCanvasView x:Name="ScoreOverlayCanvas" PaintSurface="PaintScoreOverlay" IgnorePixelScaling="True" Scale="1.0" 
                                         AbsoluteLayout.LayoutFlags="None"
                                         AbsoluteLayout.LayoutBounds="{Binding ScoreImageRect}"
                                         /&gt;
                      &lt;/AbsoluteLayout&gt;
                      &lt;AbsoluteLayout x:Name="VisualizationContainer" LayoutFlags="All" LayoutBounds="0,1,1,0.25"
                                  BackgroundColor="Purple"&gt;
                          &lt;skia:SKCanvasView x:Name="TimingViz" PaintSurface="PaintTiming" IgnorePixelScaling="True" Scale="1.0" 
                                     AbsoluteLayout.LayoutFlags="All"
                                     AbsoluteLayout.LayoutBounds="0,0,1,1"
                                     BackgroundColor="White"
                                     /&gt;
                      &lt;/AbsoluteLayout&gt;
                  &lt;/AbsoluteLayout&gt;
              &lt;/ScrollView&gt;
              &lt;AbsoluteLayout LayoutFlags="All" LayoutBounds="0,0,1,1"&gt;
                  &lt;AbsoluteLayout x:Name="EvaluationStickyNote" LayoutFlags="None" LayoutBounds="32,0,150,150" Rotation="-15" 
                              IsVisible="False"&gt;
                      &lt;Image Source="{Binding StickyNoteImage}" 
                         AbsoluteLayout.LayoutFlags="All"
                         AbsoluteLayout.LayoutBounds="0,0,1,1" /&gt;
                      &lt;Label LineBreakMode="WordWrap" 
                         AbsoluteLayout.LayoutFlags="All"
                         AbsoluteLayout.LayoutBounds="0.5,0.5,0.8,0.8"
                         Text="{Binding EvaluationText}"
                         FontSize="20"
                         TextColor="Blue"&gt;
                      &lt;/Label&gt;
                  &lt;/AbsoluteLayout&gt;
              &lt;/AbsoluteLayout&gt;
              &lt;StackLayout IsVisible="True" Orientation="Vertical" AbsoluteLayout.LayoutFlags="WidthProportional" AbsoluteLayout.LayoutBounds="0,0,1,32" BackgroundColor="Default"&gt;
                  &lt;StackLayout x:Name="TopButtons" Orientation="Horizontal" VerticalOptions="Start" HorizontalOptions="CenterAndExpand" BackgroundColor="Default"&gt;
                      &lt;StackLayout IsVisible="False" Orientation="Horizontal" HorizontalOptions="Start"&gt;
                          &lt;!--&lt;Button Image="{Binding HomeIcon}" Clicked="Home"&gt;&lt;/Button&gt;--&gt;
                          &lt;!--&lt;Button Image="{Binding FeedbackIcon}" Clicked="FeedBack"&gt;&lt;/Button&gt;--&gt;
                      &lt;/StackLayout&gt;
                      &lt;StackLayout x:Name="MetronomeGroup" Orientation="Horizontal" HorizontalOptions="Center"&gt;
                          &lt;Stepper x:Name="MetronomeStepper" Minimum="20" Maximum="300" Increment="2" Value="{Binding MetronomeBpm}"&gt;&lt;/Stepper&gt;
                          &lt;Entry Text="{Binding MetronomeBpmText}" Completed="MetronomeBpmEntry_OnTextChanged"&gt;&lt;/Entry&gt;
                          &lt;Label Text="bpm"&gt;&lt;/Label&gt;
                          &lt;ImageButton Source="{Binding MetronomeIcon}" Clicked="ToggleMetronome" Aspect="AspectFit" HeightRequest="32"&gt;&lt;/ImageButton&gt;
                      &lt;/StackLayout&gt;
                      &lt;!--&lt;Button Image="{Binding HamburgerIcon}" Clicked="ToggleHamburger"&gt;&lt;/Button&gt;--&gt;
                  &lt;/StackLayout&gt;
                  &lt;Label x:Name="MidiWarningLabel" VerticalOptions="End" HorizontalOptions="CenterAndExpand"&gt;&lt;/Label&gt;
              &lt;/StackLayout&gt;
          &lt;/Grid&gt;
      &lt;/AbsoluteLayout&gt;
  &lt;/ContentPage.Content&gt;
  </code></pre>
  
  <p>In the screenshot below, the sticky note is <code>x:Name="EvaluationStickyNote"</code>, and the +/- 60bpm [icon] is <code>x:Name="TopButtons"</code> </p>
  
  <p><a href="https://i.stack.imgur.com/jjSpp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jjSpp.png" alt="enter image description here"></a></p>