twitter / typeahead.js

typeahead.js is a fast and fully-featured autocomplete library
http://twitter.github.io/typeahead.js/
MIT License
16.52k stars 3.2k forks source link

Typeahead inside Modal Popup #437

Closed bolandb closed 10 years ago

bolandb commented 11 years ago

I've seen numerous posts of people having trouble using this popup with the Bootstrap Modal, I'm using Kendo UI's window and I can't seem to get the suggestions to popup outside of the window.

tobyosbourn-examtime commented 11 years ago

One thing I had to do earlier was set a z-index on .twitter-typeahead in my CSS. Maybe try playing with that?

bolandb commented 11 years ago

Setting the z-index doesn't seem to help.

http://jsfiddle.net/px6cS/3/

I've put together a jsfiddle to help in debugging this problem.

Click the button to open the Kendo UI Window, then on the left is a Twitter Typeahead, on the right is a Kendo UI Autocomplete. You can see how entering "a" into each will show the full list on the kendo UI autcomplete (the same way a dropdown would work), but in the Twitter Typeahead it adds the suggestion list to the content of the Window.

jharding commented 10 years ago

See #147.