Texto de área de texto de iOS oculto cuando se utiliza -webkit-overflow-scrolling: toque

Una vez más estoy aquí porque he agotado mi investigación sobre el tema. Tengo una configuración muy simple con marcado muy simple y, sin embargo, un comportamiento muy extraño.

El comportamiento es inquietantemente similar a (Firefox y Angular: el marcador de posición de Textarea no aparece hasta el primer foco) pero lo estoy experimentando en un entorno diferente.

Considere el fragmento con un área de texto de solo lectura. Esto trae una mala lista de comentarios, donde 2-3 caben en la pantalla antes de tener que desplazarse para obtener másya cargado comentarios

    <div class="row">
        <div class="col-xs-2 text-right font-sm-dark"
             style="height:20px; line-height:20px; font-weight:bold;">
            <label>Comment:</label>
        </div>
        <div class="col-xs-10 text-left font-sm">
            <div class="col-xs-12 text-left font-sm">
                <textarea style="text-align:left; width:100%; padding:0,0; line-height:normal; resize:none;"
                          rows="5"
                          ng-model="comment.Text"
                          readonly></textarea>
            </div>
         </div>
    </div>

Esto funciona muy bien cuando se ejecuta la aplicación en el navegador (Chrome, Safari, etc.), pero una vez que construyo la aplicación usando PhoneGap y la ejecuto en el dispositivo iPad, obtengo el siguiente comportamiento:

Los comentarios visibles ya se muestran bien en las áreas de texto. Cuando me desplazo hacia abajo, leo más comentarios, sus áreas de texto están vacías PERO si toco el área de texto, aparece el texto.

Después de desplazarse, los cuadros de Comentarios están vacíos hasta que se "toque" en iOS.

Eso es todo, no hay CSS complicado relacionado con este marcado, y no hay problemas extraños de carga del servidor. Cuando esta área se carga, trae todos los comentarios.

Me gustaría señalar que esta es una gran aplicación móvil con un marcado / funcionalidad mucho más sofisticado que funciona bien en el navegador y se traduce perfectamente tanto en aplicaciones móviles Android como iOS.

El primer enlace que publiqué allí me lleva a pensar que hay algún error extraño en el manejo de ng-touch en el enfoque de área de texto en clientes móviles.

¿Algunas ideas? Odiaría volcar áreas de texto para entradas de texto, pero estoy casi en ese punto.

Respuestas a la pregunta(0)

Su respuesta a la pregunta