Selection issue on auto complete in Bootstrap modal box

[tyidnet]

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]

try this

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

[pthaden]

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]

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

[Prathees31]

Try This

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