Typeahead.js, scrollbar and keyboard event

Question

I try to use "Typeahead.js" in a project with high keyboard interactivity.

I use the lib to purpose some input suggestions to users. Sometimes there is a lot of results and the suggestion list is scrollable (with this CSS):

.tt-suggestions {
  height: 124px !important;
  overflow-y: auto !important;
}

But when I use keyboard, the list doesn't scroll although this evolution has been merged.

Is it a bug or i do something wrong ? I don't find any example on Web.

Thanks.

Answer 1

Apply the styles to .tt-dropdown-menu (!important won't be necessary):

.tt-dropdown-menu {
  height: 124px;
  overflow-y: auto;
}