带溢出的textarea：隐藏不会在Firefox中显示新添加的行

Question

我正在使用带有overflow:hidden样式的textarea删除滚动条，用户可以在此文本区域中插入文本行。

问题出在firefox上，当文本超出textarea的高度时，新行不会出现在textarea上，我必须单击向下箭头键才能看到它们， 虽然它在其他浏览器上运行得非常好。

我的意思是，在firefox上使用样式overflow:hidden在textarea上编写多行文字只显示第一行，直到它到达文本区域的末尾，其余部分隐藏你需要移动游标才能到达它们。

我希望光标位于我正在编写的行上，并在textarea的视图中显示此行

我根本不想使用javascript

这是一个示例代码：

HTML：

<textarea></textarea>

CSS：

textarea{
    overflow:hidden;
    height:50px;
    width:200px;
    resize: none;
}

以下是jsfiddle

上的示例

是否有任何可能的解决方案，HTML和CSS 仅？

Answer 1

所以你不想滚动，问题只出现在Firefox上，然后就可以了，

1. 为textarea添加字符限制。链接：http://unwrongest.com/projects/limit/

2. 使用textarea自动增长插件自动扩展textarea高度，点击http://unwrongest.com/projects/elastic/

Answer 2

你好，为什么不使用jQuery？它不像传统的js那样麻烦:)

$('textarea').keyup(function(){
    $(this).scrollTop(9999)
})