Tengo un diálogo de jQuery UI estándar. Dentro de ese diálogo, tengo un botón jQuery UI personalizado que me permite seleccionar un tipo de evento para un evento de calendario. Estoy usando la utilidad de posición jQuery UI para posicionar absolutamente un div que contiene la lista de tipos de eventos disponibles, como puede ver en la imagen.jQuery UI cuadro de diálogo con el niño completamente posicionado oculta parcialmente niño desbordante
Cuando se muestra el tipo de evento div, cualquier contenido que sea más largo que el espacio disponible desaparece debajo del borde del cuadro de diálogo. Esperaría esto si fuera un iframe, o si el padre absolutamente posicionado tuviera un índice z más alto. Sin embargo, el diálogo jQuery UI es un div simple y absolutamente posicionado con un índice z de 1002 (el valor predeterminado), y el div de mi widget que muestra los tipos de eventos es un div completamente posicionado que tiene un índice Z de 1003. Esperaría que mi div tendría mayor prioridad en el orden de apilamiento.
Mi pregunta es: ¿qué está pasando aquí? ¿Por qué mi Div está oculto por el borde inferior del diálogo?
Aplicación bonita y limpia que tienes allí. – DarthJDG
Saludos. Se llama ThoughtFarmer (www.thoughtfarmer.com) –