CODEWITHSUNDEEP
csstwitter-bootstrap-3overflow
sridesmet
sridesmet

Reputation: 895

scroll hangs with bootstrap dropdown-menu

I made a dropdown-menu. As you can see it is scrollable because of the overflow-x:hidden.

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.

  <div class="btn-group" style="width:100%">
  <ul class="dropdown-menu" 
style="display: inherit; max-height: 200px;width:100%;overflow-x:hidden;">
    <li>
      <a>Item 1</a>
    </li>
    <li>
      <a>Item 2</a>
    </li>
    <li>
      <a>Item 3</a>
    </li>
    <li>
      <a>Item 4</a>
    </li>
    <li>
      <a>Item 5</a>
    </li>
    <li>
      <a>Item 6</a>
    </li>
    <li>
      <a>Item 7</a>
    </li>
    <li>
      <a>Item 8</a>
    </li>
    <li>
      <a>Item 9</a>
    </li>
  </ul>
</div>

http://plnkr.co/edit/vwCIau4STpJjWkVJxcar

Upvotes: 2

Views: 894

Answers (1)

sridesmet
sridesmet

Reputation: 895

This bug is confirmed and assigned in Chrome. Thereby closing this question. https://bugs.chromium.org/p/chromium/issues/detail?id=828751

Upvotes: 1

Related Questions