title: Putting ListBox in ScrollViewer: mouse wheel does not work
body: <p>My mouse wheel does not work when putting a <code>ListBox</code> in a <code>ScrollViewer</code>.</p>
  
  <p>Does the <code>ListBox</code> somehow "steal" this event?</p>
  
  <pre><code>&lt;ScrollViewer VerticalScrollBarVisibility="Auto" Style="{StaticResource myStyle}"&gt;
  &lt;ListBox&gt;
    &lt;ListBoxItem&gt;Test 1&lt;/ListBoxItem&gt;
    &lt;ListBoxItem&gt;Test 2&lt;/ListBoxItem&gt;
    &lt;ListBoxItem&gt;Test 3&lt;/ListBoxItem&gt;
    &lt;ListBoxItem&gt;Test 4&lt;/ListBoxItem&gt;
    &lt;ListBoxItem&gt;Test 5&lt;/ListBoxItem&gt;
    &lt;ListBoxItem&gt;Test 6&lt;/ListBoxItem&gt;
    &lt;ListBoxItem&gt;Test 7&lt;/ListBoxItem&gt;
  &lt;/ListBox&gt;
  &lt;/ScrollViewer&gt;
  </code></pre>
  
  <p>Edit: as requested by Joel, added the reason why I did this..
  I did this because I don't like what the <code>ListBox</code>'s internal <code>ScrollViewer</code> does with my layout. I have a background image, and on top of that a <code>ListBox</code> as shown here:</p>
  
  <p><a href="http://robbertdam.nl/share/1.png" rel="noreferrer">alt text http://robbertdam.nl/share/1.png</a></p>
  
  <p>Now when the scrollbar appears, the following happens:</p>
  
  <p><a href="http://robbertdam.nl/share/2.png" rel="noreferrer">alt text http://robbertdam.nl/share/2.png</a></p>
  
  <p>I've created a Style for a <code>ScrollViewer</code> that shows the scroll bar <em>on top</em> of the <code>ListBox</code> item's content. In the <code>ListBox</code> item's datatemplate I've reserved some space for the scrollbar to appear.</p>
  
  <p>Thanks,
  Robbert Dam</p>