La escalada de un iframe en Mobile Safari está rompiendo los enlaces del iframe.

Tengo un problema con el uso de transformaciones CCS3 en un iframe en Mobile Safari. Si uso -webkit-transform: scale(); en un iframe, los contenidos de la escala iframe en consecuencia, pero los enlaces en el iframe break.

Al tocar el elemento se destaca el hitbox , y parece que los hitboxes del enlace no se están escalando. Cuando tocas un enlace, puedes ver que el hitbox aparece donde hubiera estado el enlace si el iframe no estuviera siendo escalado.

Esto empeora a medida que aumenta el vínculo desde la esquina superior izquierda, independientemente de dónde establezca el origen de la transformación.

La misma página que estoy probando esto funciona perfectamente en Safari y Chrome en mi computadora, así que sospecho que se trata de un error de Safari mobile.

¿Es esto un problema conocido? ¿Alguien sabe de una solución? Intenté usar la propiedad de zoom, pero eso solo networkingimensiona el iframe, no sus contenidos.

He cargado un ejemplo aquí: http://trrrm.com/iframe/ Si abre eso en un dispositivo iOS y hace clic en los enlaces en el iframe, verá lo que quiero decir.

¡Gracias por cualquier ayuda!

Es un problema conocido. Los events táctiles en un iframe escalado no funcionarán correctamente en iOS. Si está creando el contenido del iFrame, puede escalar el elemento del cuerpo de contenido en su lugar.

Tenga en count que incluso las traducciones animadas causan problemas en un iOS6. Tuve que forzar un reenvío cambiando la parte superior del iframe en 1px después de que la animation terminara para que los events táctiles funcionaran correctamente.

Webkit tiene un error abierto en iframes transformados .