Estou tentando criar uma página da web usando o jQuery ui lib. Meu design usa um preenchimento automático da interface do usuário do jQuery em um campo de entrada na parte superior de um formulário. Imediatamente abaixo deste formulário de entrada de preenchimento automático estão alguns controles deslizantes do jQuery. O problema é que, quando a caixa de preenchimento automático é preenchida, os resultados são exibidos atrás da alça do controle deslizante. Isso vem da maneira como o jQuery cria os controles deslizantes, o que faz com que as partes tenham um índice z de 3. O índice z da parte suspensa do controle de preenchimento automático do jquery parece estar sempre definido como 1. Tentei aumentar o z -index do elemento de entrada que está sendo preenchido automaticamente, mas isso não parece afetar o índice z do elemento que o jquery cria para o menu suspenso de preenchimento automático. Eu também tentei escrever meu próprio javascript para obter o elemento do menu suspenso por classe (é um ul) e definir manualmente seu índice z. Isso também não parece funcionar. Estou assumindo que isso significa que, de alguma forma, o código jQuery está substituindo a alteração do z-index que estou fazendo. Este não é um bug do navegador, pois é um problema no Firefox, Chrome, Safari e IE. É um problema com o jQuery real do z-index que fornece a caixa suspensa (elemento UL).

Alguém tem uma solução para este problema? Como geralmente se brinca com os elementos que o jQuery gera automaticamente para criar seus controles.