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

 .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

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/

  • JQuery Mobile: el texto de entrada enfocado no respeta el índice z, que aparece por encima de todo lo demás
  • Colocación / superposición (z-index) una vista sobre otra vista en android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.