title: Typeahead - Scrollable Dropdown Menu
body: <p>Looks like the CSS isn't working for my Typeahead.
  I am trying to reproduce the Scrollable Dropdown Menu like on
  <a href="https://twitter.github.io/typeahead.js/examples" rel="noreferrer">https://twitter.github.io/typeahead.js/examples</a></p>
  
  <p>Here is my code:</p>
  
  <p>JS</p>
  
  <pre><code>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
          });
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code> #scrollable-dropdown-menu .tt-dropdown-menu {
              max-height: 150px;
              overflow-y: auto;
              background-color: red;
          }
  </code></pre>
  
  <p>I can't see where the .tt-dropdown-menu is?</p>
  
  <p>Cheers,</p>
  
  <p>Mick</p>