Typeahead - Scrollable Dropdown Menu

Question

Looks like the CSS isn\'t working for my Typeahead. I am trying to reproduce the Scrollable Dropdown Menu like on https://twitter.github.io/typeahead.js/examples

Here is

Answer 1

try this

document.addEventListener("keydown", function (e) {
document.getElementById(e.target.attributes['aria- 
           activedescendant'].value).scrollIntoView(true)});

Answer 2

See this GitHub issue. There is an issue with the scrollable dropdown example.

Update your CSS to:

 #scrollable-dropdown-menu .tt-menu {
   max-height: 150px;
   overflow-y: auto;
   background-color: red;
 }