twitter typeahead.js and formtastic issue

[Jamie Orchard-Hays]

Hey all:

I've got a twitter typeahead.js dropdown that works inside a Formtastic (2.2.1, and 2.0.2 prior) form. When the autocomplete list appears, I can only see the top of the first entry, and barely that.

I tried bumping the z-index way up, but that didn't work.

I moved the element (just a div) that typeahead works with outside of the form and it renders as expected, overlaying DOM elements below.

I'm totally stumped.

Any ideas?

Jamie

[Jamie Orchard-Hays]

It's something funky with typeahead. I used it for another auto-complete b/c the jQuery ac doesn't have features I wanted. I converted this to the jQuery ac and it's fine.