无法调整文本区域高度

Question

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

问题是：
如果我通过代码更改textarea 的高度而之前没有用户的任何交互，则高度会停留在该大小。
例如，如果您单击按钮 “更改大小”（在上面的 jsfiddle 中），然后尝试使用元素夹点（在右下角）将大小调整回初始大小，您不能。就好像这个新高度是textarea 的新“最小允许大小”。

---

我做错了什么？我错过了什么？
提前谢谢你。

Answer 1

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

在旧版本的 chrome 中没有限制。

因此，如果您使用身高 min-height 将是您的身高。所以你需要 仅设置最小高度和最大高度。高度覆盖最小高度 铬。

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

好的，这个解决方案对我有用（chrome 版本 47.0.2526.111 m）： https://jsfiddle.net/ezsz8xr5/9/

我发现了这个有趣的链接：https://code.google.com/p/chromium/issues/detail?id=94583

似乎这是一个已知问题。