Typeahead - スクロール可能なドロップダウンメニュー

Question

CSSが私のTypeaheadで動作していないように見えます。ここでhttps://twitter.github.io/typeahead.js/examples

が私のコードである上 私は次のようにスクロール可能なドロップダウンメニューを再現しようとしています：

JS

var productList = new Bloodhound({ 
      datumTokenizer: Bloodhound.tokenizers.obj.whitespace('PART_NO'), 
      queryTokenizer: Bloodhound.tokenizers.whitespace, 
      //Maybe I need a prefetch 
      // prefetch: '../data/films/post_1960.json', 
      remote: { 
       url: 'getProducts/%QUERY', 
       wildcard: '%QUERY' 
      } 
     }); 

     $('#scrollable-dropdown-menu .typeahead').typeahead(null, { 
      name: 'PARTS', 
      limit: 10, 
      display: 'PART_NO', 
      source: productList 
     }); 

CSS

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

は、私が見ることができません.tt-dropdown-menuは？

乾杯、

ミック

Answer 1

このGitHub issueを参照してください。スクロール可能なドロップダウンの例に問題があります。

にあなたのCSSを更新します。

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