Shadow DOM en área de text en relleno de fuerzas de iOS

Estoy experimentando un problema que me desconcierta un poco.

Mi reference para este problema es Chrome 32 en Mac y Safari en iOS 7.0.4.

En el siguiente ejemplo, Chrome muestra el text en los elementos .background y textarea perfectos y uno encima del otro, esto es lo que quiero. Safari en iOS, sin embargo, compensa el text en el área de textarea con 3 unidades de píxeles. Esto sucede aunque el relleno, el borde y el margen se establecen en los mismos valores en ambos elementos.

Cuando depurando las herramientas de desarrollo de Safari, tanto a través de mi dispositivo de iPhone como del simulador de iOS, los elementos mismos se alinean perfectamente al delinear las métricas de los elementos.

Esquema de métricas en iOS

Margen

 <div class="container"> <div class="background">This is a test</div> <textarea>This is a test</textarea> </div> 

CSS

 .container { border: 1px solid #cdcdcd; background: #f0f0f0; width: 400px; height: 50px; position: relative; margin: 24px 0; } .background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #f00; } textarea { width: 100%; height: 100%; box-sizing: border-box; background: transparent; border: 0; position: relative; z-index: 2; } 

Demo: http://jsfiddle.net/Y8S5E/2/

¿Alguien puede ofrecer una solución o algunas teorías para investigar, para este problema?

Editar

Parece que se trata de un problema con el nodo DOM de sombra de textarea . ¿Alguien tiene alguna reference a cómo se define el relleno de este elemento? ¿Valor porcentual o valor duro de 3px? ¿Alguna forma de eliminar este relleno?

El nodo DOM de la sombra obliga a rellenar en área de texto

Lamentablemente, no creo que no puedas diseñar dentro del Shadow DOM en iOS. Algunos elementos exponen los pseudo attributes a los que se puede enganchar. Por ejemplo, <input type="range"> expone un -webkit-slider-runnable-track .

http://codepen.io/robdodson/pen/FwlGz

Puedes ver esto en las herramientas de desarrollo.

introduzca la descripción de la imagen aquí

Pero no creo que textarea exponga tal cosa.