Die ul-Liste scrollt nicht beim Drücken einer Taste, sondern mit dem Mausrad

Ich arbeite mit Bootstrap 3 und habe eine autossugest Eingabe. Das Problem ist, dass ich das will<ul> mit den Tastaturtasten blättern, aber es funktioniert nicht. Ich denke, Scrollen mit den Pfeiltasten ist ein Standardverhalten, aber die<ul> tut es nicht Folgendes passiert:

Wenn ich die Ab-Taste zweimal drücke:

Ich benutze dieTippfehler entwickelt von Bassjobsen.

HTML Quelltext:

<input type="text" class="form-control" data-provide="typeahead" id="test">

Javascript-Code (mit JQuery.js):

$('document').ready (function () {

  $('#test').typeahead({
      source: ['algo', 'pepe', 'algo2', 'algo34', 'pepe3', 'algo42'],
      items: 'all',
      minLength: 2
  });

});

ich setzeitems zuall um alle Artikel in anzuzeigensource. Deshalb muss ich sie scrollen.

Ich habe diesen Inline-Stil zum generierten hinzugefügt<ul>:

style="max-height: 50px; overflow-y: auto;"

Das ist also der Code, der von der Bassjobsens-Bibliothek generiert wird:

<ul class=" dropdown-menu" style="max-height: 50px; overflow-y: auto; top: 73px; left: 20px; display: none;" "="">
  <li class="active">
     <a href="#"><strong>al</strong>go</a>
  </li>
  <li>
     <a href="#"><strong>al</strong>go2</a>
  </li>
  <li>
     <a href="#"><strong>al</strong>go34</a>
  </li>
  <li>
     <a href="#"><strong>al</strong>go42</a>
  </li>
</ul>