1

Tengo el problema que la primera vez que se abre mi dialogo mi autocomplete se muestra al frente y todo bien, pero si cierro el dialogo y lo vuelvo a abrir sin recargar la pagina, el autocomplete se me queda atras del dialogo.

Este es mi codigo de autocomplete :

            /*Inicia Autocomplete Header Puesto*/
        $( function(){
          $("#puesto_new").autocomplete({
            source: 'auto_header_puesto.php',
            minLength:3,
            select:function(event, data){
              var id = data.item['id'];
              $("#id_header_puesto").val(id);
            }
          });
        });/*Termina Autocomplete Header Puesto*/

Y tengo en mi CCS esto:

.ui-autocomplete {
  position: absolute;
  z-index: 2006;
  overflow: auto;
}

He estado probando con diferentes valor en mi z-index pero se sigue quedando atras.

3
  • Haz intentado con z-index? css Commented el 6 mar. 2017 a las 17:54
  • 1
    Puedes subir una imagen con el comportamiento y el html?
    – Maskter
    Commented el 6 mar. 2017 a las 17:56
  • Lo uso con diferentes valores pero es el mismo resultado inicialmente lo tenia así z-index:100000;
    – M. Gress
    Commented el 6 mar. 2017 a las 17:57

3 respuestas 3

0

Una solución elegante sería utilizar:

  • appendTo

    A que elemento debe añadirse el menú. Cuando el valor es null, los padres del campo de entrada serán verificados para una clase de ui-front. Si se encuentra un elemento con la clase ui-front, el menú se añadirá a ese elemento. Independientemente del valor, si no se encuentra ningún elemento, el menú se añadirá al body.

Ejemplo:

$("#puesto_new").autocomplete({
  appendTo: "#modalID", // ID del modal o body
  source: 'auto_header_puesto.php',
  minLength:3,
  select:function(event, data){
    var id = data.item['id'];
    $("#id_header_puesto").val(id);
  }
});
0

Ya encontre una respuesta a mi problema, lo que esta pasando es que si me toma el z-index que le doy en el css, pero cuando cierro mi dialogo y vuelvo a abrirlo se crea una nueva ventana y esta nueva ventana tiene prioridad sobre todo, entonces para evitarte este problema lo que hice fue poner esta linea de código justo despues de la creación de mi dialogo en jquery

$("#d_agregar_proceso").dialog({
});
$('.ui-dialog[aria-describedby="d_agregar_proceso"]').css('z-index','0');

Con esto logro que asi se cierre y abra n veces mi dialogo siempre va a ir con el z-index menor al de mi autocomplete.

0

es la respuesta a tu pregunta:

.ui-front {
    position: absolute;
    z-index: 2006;
    overflow: auto;
}
1
  • 2
    Considera explicar cómo tu código puede ayudar
    – Rodrigo
    Commented el 16 feb. 2021 a las 6:12

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.