jQuery Token Input (tokenize input) no funciona en modal popup, list hidden bajo popup

Question

Estoy usando un control emergente modal en jQuery, el popup tiene un texto de entrada alimentado por jQuery Tokenize plugin de entrada. El problema es cuando escribo algo en el cuadro de texto emergente modal, los resultados de búsqueda por el complemento tokenize se muestran ocultos debajo de la ventana emergente. En realidad, deberían aparecer encima de todos los controles. Alguien por favor me ayudaría como soy un principiante.

Intenta buscar la ayuda del hilo a continuación, zindex no funciona. https://github.com/loopj/jquery-tokeninput/issues/190

aquí está el control de entrada que estoy usando. http://loopj.com/jquery-tokeninput/demo.html

Gracias.

Answer 1

Funciona colocando el índice z de forma manual:

$(".token-input-dropdown").css("z-index","9999") 

La función dada en https://github.com/loopj/jquery-tokeninput/issues/190 no funciona en mi CoffeeScript:

$('#book_author_tokens').tokenInput('/authors.json', { 
    zindex: 9999 
    }); 

Answer 2

Creo que una solución mejor es agréguelo al archivo css (en lugar de hacerlo a través de js):

div.token-input-dropdown-facebook {   
    z-index: 11001 !important; 
} 

Por supuesto, suelte el sufijo "-facebook" si está utilizando el tema predeterminado.