Chrome en Android no respeta el índice z para los clics de enlace
HTML
<div class="container"> <div class="child"> <a href="http://www.google.com" target="_blank">Google</a> </div> </div> <a href="http://www.yahoo.com" target="_blank" class="y">Yahoo</a>
CSS
- Los datos de tráfico se muestran por encima de las formas dibujadas (polilíneas) en Android Google Maps API v2
- AndEngine- Dibujo del niño del sprite detrás de su padre
- Colocación / superposición (índice-z) una vista encima de las pestañas de la barra de acciones
- Diferente posición z para los elementos ListView
- app falla cuando cambio el orden de mi XML RelativeLayout android
.container{position: relative;display: block;width: 100px;height: 30px;background: #000;z-index: 7;} .child{position: absolute;width: 100px;height: 100px;background: #CCC;padding-top: 30px;z-index:9;top: -999px;} .child a{display: block;} .container:hover .child{display: block;top: 0;} .y{z-index: 6;}
Ejemplo de trabajo: http://jsfiddle.net/DemjR/6/
He creado el menú del cursor del CSS en el ejemplo antedicho (en acoplamiento) y extrañamente su no trabajando como se supone en cromo (v 25.0.1364.123) en dispositivos androides. Pero funciona correctamente en todos los otros dispositivos que he probado en (ios, windows, mac etc.)
El problema es (en android): Cuando se pasa el cursor sobre el cuadro negro aparece una div de color gris que tiene un enlace (google.com) en ella.
Al hacer clic en ese enlace que en realidad desencadena el enlace detrás (yahoo.com) y no (google.com)
¿Es esto un error de cromo en los dispositivos Android?
Gracias por adelantado
- Canvas Cambia dinámicamente el índice z de un mapa de bits
- Cómo establecer el índice z utilizando algunos valores enteros
- ¿Existe una solución para el error de navegador de Android con la posición CSS y las áreas seleccionables?
- Solución alternativa / polyfill para Android 4.0.3
- Z-index en Disposición relativa
- Barra de herramientas pull-up utilizando sólo HTML y CSS en el navegador de Android
- La entrada en los resultados de autocompletar de jQuery se activa al seleccionar del resultado
- Vista de visualización en la parte superior de la barra de acción
Chrome, en este caso es una especie de activación de la mouseOUT antes del clic!
Aquí hay otro violín que muestra eventos HOVER en DIVs, así como eventos de clic en LINKS:
http://fiddle.jshell.net/gnv9n/18/ <- esto debería funcionar en todos los navegadores. Sólo se utiliza la transición de webkit porque el problema ocurre únicamente en Chrome.
Si agrega una transición css3, el clic se dispara correctamente! Esto es una especie de solución fea, pero funciona.
Trate de eliminar la transición de css y ver los eventos si desea ver Chrome haciendo clic para hacer clic antes de "flotando"
Gracias Kinlan por enviar el problema al equipo de Chrome!
Esto parece ser un error en M25 de Chrome en Android, he planteado un problema con el equipo eng. Sigue https://code.google.com/p/chromium/issues/detail?id=180194
Quería hacer de esto un comentario a la respuesta de Anthony Gatti, pero no tengo suficiente reputación:
Una opción mejor que establecer -website-transition-duration
es establecer -website-transition-delay
.
Ejemplo: http://fiddle.jshell.net/gnv9n/28/
- ¿Deberíamos seguir el camino de Corona?
- Instalar la imagen antigua del sistema con las herramientas de Android R21