CODEWITHSUNDEEP
javascriptjqueryhtmltwitter-bootstraptypeahead
Dr.Kameleon
Dr.Kameleon

Reputation: 22820

Up and Down arrows' Navigation not working on Bootstrap Typeahead

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?

Upvotes: 1

Views: 3398

Answers (1)

rahul
rahul

Reputation: 7663

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

Upvotes: 3

Related Questions