Javascript 无法调整textarea高度的大小

Javascript 无法调整textarea高度的大小,javascript,jquery,html,css,textarea,Javascript,Jquery,Html,Css,Textarea,在我的项目中使用textarea时,我注意到一个奇怪的错误。 起初我认为我的代码中有问题,但后来我能够复制这个bug,并以一种简单的方式提取本质 问题是: 如果我以前没有与用户进行任何交互,而是通过代码更改textarea的高度,则高度会固定在该大小。 例如,如果您单击按钮“更改大小”(在上面的jsfiddle中),然后尝试使用元素夹点(在右下角)将大小调整回初始大小,则无法执行此操作。这就像新高度是textarea的新“最小允许大小” 我做错了什么?我错过了什么? 提前感谢。铬合金中的高度优

在我的项目中使用
textarea
时,我注意到一个奇怪的错误。
起初我认为我的代码中有问题,但后来我能够复制这个bug,并以一种简单的方式提取本质

问题是:
如果我以前没有与用户进行任何交互,而是通过代码更改
textarea
的高度,则高度会固定在该大小。
例如,如果您单击按钮“更改大小”(在上面的jsfiddle中),然后尝试使用元素夹点(在右下角)将大小调整回初始大小,则无法执行此操作。这就像新高度是
textarea
的新“最小允许大小”


我做错了什么?我错过了什么?

提前感谢。

铬合金中的高度优先于最小高度。

在chrome的旧版本中没有限制

因此,如果您使用高度最小高度将是您的高度。所以你需要 仅设置最小高度和最大高度。高度替代中的最小高度 铬

好的,这个解决方案适合我(chrome版本47.0.2526.111 m):

我发现了这个有趣的链接:


这似乎是一个已知的问题。

在chrome和firefox中都可以使用also@ketan我注意到在firefox中工作良好,但在chromium中仍然存在。那么它是一个铬/铬错误吗?有解决方法吗?我正在Ubuntu 15.04(64位)上使用Chromium 47.0.2526.73版。我更改了style.height,因为这是浏览器在使用gripno手动移动它时所做的。如果它仍然卡住,请记住在单击“更改大小”按钮之前不要使用夹点手动调整大小。尝试使用
el.style.setProperty('height',50)哦,这是一个深度浏览器错误,真可惜。还测试了
setProperty
,但未修复。谢谢你的帮助
textarea{
  max-height: auto;
  min-height: 50px;
  resize: both;
}