title: scroll hangs with bootstrap dropdown-menu
body: <p>I made a dropdown-menu. As you can see it is scrollable because of the overflow-x:hidden.</p>
  
  <p>In IE9 it works as expected. But when I try it in Chrome, you can scroll till the bottom, and if you scroll a few times more to the bottom, the list will hang for a second and scrolls only then to the top.</p>
  
  <pre><code>  &lt;div class="btn-group" style="width:100%"&gt;
    &lt;ul class="dropdown-menu" 
  style="display: inherit; max-height: 200px;width:100%;overflow-x:hidden;"&gt;
      &lt;li&gt;
        &lt;a&gt;Item 1&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 2&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 3&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 4&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 5&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 6&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 7&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 8&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;Item 9&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/vwCIau4STpJjWkVJxcar" rel="nofollow noreferrer">http://plnkr.co/edit/vwCIau4STpJjWkVJxcar</a></p>