我在项目中使用textarea
时发现了一个奇怪的错误
起初我以为我的代码中存在问题,但后来我能够复制那个在JsFiddle中提取essenial的bug。
问题是:
如果我之前通过代码更改textarea
的高度而没有来自用户的任何交互,则高度会卡在该大小。
例如,如果单击按钮“更改大小”(在上面的jsfiddle中),然后尝试使用元素夹点(在右下角)调整回初始大小,不能。就像新的高度是textarea
的新“允许的最小尺寸”一样。
我做错了什么?我错过了什么?
提前谢谢。
答案 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
似乎这是一个已知问题。