Up and Down arrows' Navigation not working on Bootstrap Typeahead

Question

I'm using Twitter Bootstrap's Jquery Typeahead plugin .

I've integrated it, adding the appropriate .js file, plus setting the data-items , data-source and data-provide values for the desired <input> field.

<input data-provide='typeahead' 
         data-items='4' 
        data-source='["Alabama","Colorado","Texas"]' 
               type='text' 
               name='someName' 
                 id='someId'>

It works. The thing is that when the list pops down, I cannot navigate using the arrows (up, down) - as in the example.

What am I doing wrong???

---

UPDATE : Seems like it's a bug regarding Firefox (I now notice it does work under Chrome); any ideas on how this could be solved?

Answer 1

This will solve your problem.

You can edit bootstrap-typeahead.js line 171

if ($.browser.webkit || $.browser.msie) {   

to this

if ($.browser.webkit || $.browser.msie || $.browser.mozilla)

GitHub page link