title: Typeahead suggestions with key down and keyup, scrollbar is not moving
body: <p>I have used scrollbar for typeahead suggestions. but when i move keydown the item scrollbar is not moving and selected item is not showing up.</p>
  
  <p>Here is the js</p>
  
  <pre><code>$("input").typeahead({
  source: ["Alpha", "Alphabet", "Alfa", "Armadillo","ksdjflksdjfl","jksdjflsdjl","qi2ueouqwoei","jalhflasdf","pwoipa","ahweurw","qwipoqwieo"]
  });
  </code></pre>
  
  <p>Here is the Css:</p>
  
  <pre><code>.typeahead.dropdown-menu {
   z-index: 100001;
   }
  
    .modal-body {
       overflow-y: visible
     }
    .typeahead {
      max-height: 100px !important;
      overflow-y: auto  !important;
      overflow-x: hidden  !important;
      padding-right: 20px  !important;
     }
  </code></pre>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div class='modal'&gt;
  &lt;div class='modal-body'&gt;
      Hello
      &lt;input /&gt;
  &lt;/div&gt;
  &lt;div class='modal-footer'&gt;
      &lt;button class='btn' data-toggle='modal'&gt;Toggle&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>here is the fiddle <a href="http://jsfiddle.net/KAVx7/5/" rel="nofollow">http://jsfiddle.net/KAVx7/5/</a></p>
  
  <p>How to solve this issue.</p>