带有溢出的文本区域：隐藏未在 Firefox 中显示新添加的行答案

【问题标题】：textarea with overflow:hidden is not showing the new added lines in Firefox带有溢出的文本区域：隐藏未在 Firefox 中显示新添加的行
【发布时间】：2023-03-27 01:13:01
【问题描述】：

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

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

我的意思是，在 Firefox 上以 overflow:hidden 样式在 textarea 上写多行将只显示第一行，直到它到达文本区域的末尾，其余的被隐藏，你需要移动光标才能到达它们。

我希望光标在我正在书写的行上，并在 textarea 的视图中显示这一行

我根本不想使用 javascript

这是一个示例代码：

HTML：

<textarea></textarea>

CSS：

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

这是jsfiddle上的示例

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

【问题讨论】：

标签： html css firefox

【解决方案1】：

所以你不想滚动并且问题只出现在 Firefox 上然后你可以这样做，

向文本区域添加字符限制。链接：http://unwrongest.com/projects/limit/
使用 textarea auto-grow 插件自动扩展 textarea 高度，查看这里http://unwrongest.com/projects/elastic/

【讨论】：

【解决方案2】：

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

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

【讨论】：