title: Xamarin (Frame.)GestureRecognizers doesn't work
body: <p>I am trying to make a TapGestureRecognizer on some frames, but when I test it, nothing happens.</p>
  
  <p><strong>xaml</strong></p>
  
  <pre><code>&lt;StackLayout&gt;
  &lt;AbsoluteLayout&gt;
      &lt;Frame HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" TranslationY="380" TranslationX="12.5" HeightRequest="60" WidthRequest="120"&gt;
          &lt;Frame.GestureRecognizers&gt;
              &lt;TapGestureRecognizer Tapped="Sport_Clicked"/&gt;
          &lt;/Frame.GestureRecognizers&gt;
          &lt;StackLayout Orientation="Vertical" Padding="0" HorizontalOptions="FillAndExpand"&gt;
              &lt;StackLayout Orientation="Horizontal" Spacing="-10"&gt;
                  &lt;Label Text="Sport" FontSize="17"/&gt;
              &lt;/StackLayout&gt;
          &lt;/StackLayout&gt;
      &lt;/Frame&gt;
  
      &lt;Frame HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" TranslationY="380" TranslationX="187.5" HeightRequest="60" WidthRequest="120"&gt;
          &lt;Frame.GestureRecognizers&gt;
              &lt;TapGestureRecognizer Tapped="Voeding_Clicked"/&gt;
          &lt;/Frame.GestureRecognizers&gt;
  
          &lt;StackLayout Orientation="Vertical" Padding="0" HorizontalOptions="FillAndExpand"&gt;
              &lt;StackLayout Orientation="Horizontal" Spacing="-10"&gt;
                  &lt;Label Text="Voeding" FontSize="17"/&gt;
              &lt;/StackLayout&gt;
          &lt;/StackLayout&gt;
      &lt;/Frame&gt;
  
      &lt;Frame HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" TranslationY="495" TranslationX="12.5" HeightRequest="60" WidthRequest="120"&gt;
          &lt;Frame.GestureRecognizers&gt;
              &lt;TapGestureRecognizer Tapped="Slaap_Clicked"/&gt;
          &lt;/Frame.GestureRecognizers&gt;
          &lt;StackLayout Orientation="Vertical" Padding="0" HorizontalOptions="FillAndExpand"&gt;
              &lt;StackLayout Orientation="Horizontal" Spacing="-10"&gt;
                  &lt;Label Text="Slaap" FontSize="17" /&gt;
              &lt;/StackLayout&gt;
          &lt;/StackLayout&gt;
      &lt;/Frame&gt;
  &lt;/AbsoluteLayout&gt;
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p><strong>cs</strong></p>
  
  <pre><code>void Sport_Clicked(object sender, EventArgs e)
  {
      new NavigationPage(new SportPage());
  }
  
  void Voeding_Clicked(object sender, EventArgs e)
  {
      new NavigationPage(new VoedingPage());
  }
  
  void Slaap_Clicked(object sender, EventArgs e)
  {
      new NavigationPage(new SlaapPage());
  }
  </code></pre>
  
  <p>I am not getting any warnings or errors when testing. Is there something that overlaps the frames which you cannot see that causes to blocks the input?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>This is how a frame looks with the following code</p>
  
  <pre><code>&lt;Frame HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" TranslationY="380" TranslationX="187.5" HeightRequest="60" WidthRequest="120" BackgroundColor="Yellow"&gt;
      &lt;StackLayout Orientation="Vertical" Padding="0" HorizontalOptions="FillAndExpand" BackgroundColor="Green"&gt;
          &lt;StackLayout.GestureRecognizers&gt;
              &lt;TapGestureRecognizer Tapped="Voeding_Clicked"/&gt;
          &lt;/StackLayout.GestureRecognizers&gt;
          &lt;StackLayout Orientation="Horizontal" Spacing="-10" BackgroundColor="Red"&gt;
              &lt;Label Text="Voeding" FontSize="17"/&gt;
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  &lt;/Frame&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/PPUq9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PPUq9.jpg" alt="image"></a></p>
  
  <p>With this code I should be able to click the green part and get a response, but I'm not getting that? Is there a way to have something that will overlap the whole frame so I can use that to click on?</p>