title: How to assert click precedence of overlapping buttons?
body: <p>This code below is silly, but it represents a concept that I'm trying to understand.  There are 2 buttons that overlap.  When I click on the top button only the bottom button's click event is fired.  Is there a way to force the top button's click to register instead of the bottom button in the overlapping area?</p>
  
  <pre><code>    &lt;Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"&gt;
      &lt;Button x:Name="TopButton" Click="TopButton_Click" Content="Top Button" Width="100" Margin="0,0,0,0" HorizontalAlignment="Left"/&gt;
      &lt;Button x:Name="BottomButton" Click="BottomButton_Click" Content="I am the Bottom Button I am very wide" Width="500" HorizontalAlignment="Left" Margin="0,0,0,0"/&gt;
  &lt;/Grid&gt;
  </code></pre>