Firefox no mostrará barras de desplazamiento para el área de texto de 2 filas

Firefox no mostrará una barra de desplazamiento en un área de texto de 2 líneas si configuro la altura para que solo se muestren dos filas. Tengo que hacerlo lo suficientemente grande como para mostrar parte de la línea a continuación. ¿Alguien trabajó en esto?

Creé un jsfiddle: http://jsfiddle.net/briank/ATFdE/6/

 

No hay solución posible, simplemente intentas colocar un elefante en una taza de té. Debajo de un umbral dado, alrededor de 35 píxeles, dependiendo del sistema y del navegador, ya no hay espacio para una barra de desplazamiento identificable. Firefox decide ocultarlo en su lugar, Chrome simplemente elimina el pulgar de desplazamiento, ambos significa que no se puede usar.

Para que aparezca, en realidad le da la altura suficiente para tener uno.

En una nota semi relacionada, puede establecer resize:none en CSS para hacer que un elemento textarea tenga un tamaño estático en lugar de la esquina redimensionable en la esquina inferior derecha. Esto también le da un poco más de espacio para caber en una barra de desplazamiento, pero en situaciones normales todavía no hay espacio suficiente a una altura de solo 30 píxeles.

En Firefox, incluso si configura la height para el área de textarea manualmente, el área de textarea todavía puede cambiar la altura haciendo clic y arrastrando la esquina. En realidad, hay un símbolo a la vuelta de la esquina que indica tal capacidad de cambio de altura. Entonces no tienes que preocuparte por eso. Tal vez establecer una altura más grande para que sea mejor.

Chrome maneja esto bien, así que he agregado el caso de prueba a un error existente aquí .