Using Bootstrap's typeahead from inside a modal window

If you want to use bootstrap's typeahead functionality from inside a modal window such as lightbox or facebox then you are probably going to have to make a small edit to one of the bootstrap files.

Open up bootstrap-typeahead.js in your text editor of choice and then add a z-index of 9999, like so;

  this.$menu.css({
    top: pos.top + pos.height,
    left: pos.left,
    'z-index': 9999
  })

You probably don't need to go as high as 9999 but it worked for me!

It took me way too long to get this working, other bootstrap things appear to work fine inside modals.

Recent posts View all

Ruby

Ruby Conferences

Ruby conferences are a chance for the Ruby community to come together and share what we have learned recently

Mac

Text Expander snippets I like

These are some of my favourite Text Expander snippets that help me do my work and have some fun.