我可以设置TEXTAREA元素的高度，但以后让用户调整其大小吗？

Question

I'm trying to set height of the textarea with JS, by default so to speak, but let user resize it later. So I use this HTML/CSS/JS:

<textarea id="i3" cols="45" rows="5" style="line-height: 1.0;">
</textarea>

var obj = document.getElementById("i3");
if(obj.scrollHeight > obj.offsetHeight)
{
    obj.style.height = obj.scrollHeight + 'px';
}

The issue is that when the textarea is resized the user cannot resize it smaller than the height set by my JS. Is there any way to let user do it?

PS. I need this for Google Chrome only (I'm writing a Chrome Extension.)

Answer 1

the problem is that you used if condition if(obj.scrollHeight > obj.offsetHeight) according to this browser is not commanded to look when it is smaller so set a condition

  var obj = document.getElementById("i3");
if(obj.scrollHeight > obj.offsetHeight)
{
    obj.style.height = obj.scrollHeight + 'px';
}  
else if(obj.scrollHeight < obj.offsetHeight)
    {
        obj.style.height = obj.scrollHeight - 'px';
    }

i think it will help but i didn't tried it yet so sorry if I am worng