无法调整textarea高度

时间:2016-01-22 08:41:15

标签: javascript jquery html css textarea

我在项目中使用textarea时发现了一个奇怪的错误 起初我以为我的代码中存在问题,但后来我能够复制那个在JsFiddle中提取essenial的bug。

问题是:
如果我之前通过代码更改textarea的高度而没有来自用户的任何交互,则高度会卡在该大小。
例如,如果单击按钮“更改大小”(在上面的jsfiddle中),然后尝试使用元素夹点(在右下角)调整回初始大小,不能。就像新的高度是textarea的新“允许的最小尺寸”一样。

我做错了什么?我错过了什么?
提前谢谢。

1 个答案:

答案 0 :(得分:2)

高度会覆盖Chrome中的最小高度。

  

在早期版本的Chrome中没有任何限制。

     

所以如果你使用身高最小高度将是你的身高。所以你需要   仅设置最小高度和最大高度。高度超过最小高度   铬。

textarea{
  max-height: auto;
  min-height: 50px;
  resize: both;
}

好的,这个解决方案对我有用( chrome Version 47.0.2526.111 m ): https://jsfiddle.net/ezsz8xr5/9/

我找到了这个有用的链接:https://code.google.com/p/chromium/issues/detail?id=94583

似乎这是一个已知问题。