title: WPF - Content inside a ScrollViewer element does not touch-scroll when touching a child DataGrid
body: <p>With the following XAML:</p>
  
  <pre><code>&lt;Window x:Class="MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="600" Width="640"&gt;
  &lt;ScrollViewer PanningMode="Both"&gt;
      &lt;StackPanel&gt;
          &lt;TextBlock TextWrapping="Wrap"&gt;LOTS OF TEXT...&lt;/TextBlock&gt;
          &lt;DataGrid MinHeight="200"&gt;
                  &lt;DataGrid.Columns&gt;
                      &lt;DataGridTextColumn Width="100"&gt;&lt;/DataGridTextColumn&gt;
                      &lt;DataGridTextColumn Width="100"&gt;&lt;/DataGridTextColumn&gt;
                      &lt;DataGridTextColumn Width="100"&gt;&lt;/DataGridTextColumn&gt;
                  &lt;/DataGrid.Columns&gt;
              &lt;/DataGrid&gt;
          &lt;TextBlock TextWrapping="Wrap"&gt;LOTS OF TEXT...&lt;/TextBlock&gt;
      &lt;/StackPanel&gt;
  &lt;/ScrollViewer&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>You can  scroll by touching on the <code>TextBlock</code>s.  However, if you touch the <code>DataGrid</code> and attempt to scroll, it does nothing.  </p>
  
  <p>I'm guessing it has something to do with the fact that the content in the <code>DataGrid</code> is potentially scrollable itself so WPF is getting confused with the potentially nested scrollbars.</p>
  
  <p>The desired behaviour is that touching in the <code>DataGrid</code> will scroll the content inside the <code>DataGrid</code> first (if necessary).  Then, when content in the <code>DataGrid</code> has been fully scrolled, the main window will scroll.</p>