search

aehlke / tag-it

A jQuery UI plugin to handle multi-tag fields as well as tag suggestions/autocomplete.
http://aehlke.github.com/tag-it/
MIT License
2.48k stars 824 forks source link

Selection issue on auto complete in Bootstrap modal box #171

Open tyidnet opened 11 years ago

tyidnet commented 11 years ago

I have two forms use tag-it auto complete. One sit in a page, and one in modal box. Both are calling the same array list and have same target class. The one in the page works beautifully. However, the one in modal box has weird issue: when I use mouse, or down key to select tag from drop down list, it always put first letter in the input box with highlight, and full tag after it without highlight.

I tried to use different target class but not help. Any thing I can twist around to got it work, or can I make click action to select the tag instead of mouseover it?

Thanks!

Tony

baio commented 11 years ago

try this

.ui-autocomplete { z-index: 1051; }

pthaden commented 11 years ago

Just had this exact same issue, but i had to add .ui-front to override jquery-ui.css:

.ui-autocomplete.ui-front { z-index: 1051; }

hwiens commented 9 years ago

thanks pthaden. I have the tagit widget in a modal box and the autocomplete wasn't showing up. your tip helped.

Prathees31 commented 7 years ago

Try This

.ui-autocomplete { z-index: 99999999 !important; }