title: Capturing mouse events
body: <p>I have a grid like this:</p>
  
  <pre><code>    &lt;Grid&gt;
          &lt;WrapPanel Name="wrap1"/&gt;
          &lt;Canvas Name="canvas1" Background="LightGray" Opacity="0.5"/&gt;    
      &lt;/Grid&gt;
  </code></pre>
  
  <p>And I want to be able to:</p>
  
  <ul>
  <li>capture click events for the <strong>WrapPanel buttons</strong></li>
  <li>capture mouseLeftButtonDown, mouseLeftButtonUp, mouseMove events for the <strong>Canvas</strong></li>
  </ul>
  
  <p>WrapPanel Button PreviewMouseLeftButtonDown and Click doesn't work. Also putting Canvas inside WrapPanel or WrapPanel inside Canvas doesn't work.</p>