Javascript-当代码中设置了高度时，如何在Chrome中手动降低textarea高度？

我有一个用户经常使用的文本区域。当用户使用textarea右下角的resize按钮手动调整textarea的大小时，我会将高度保存到localStorage。我想将textarea高度设置为保存在localStorage中的高度，但当我这样做时，textarea的大小不能小于设置的高度

它在Firefox中运行良好，但在Chrome中不起作用

我目前正在使用jQuery的.height（）设置高度。 我还尝试了.outerHeight（）、.css（）、.style、.setProperty（）。没有一个奏效

我正在使用的代码：

    id = params.id ? params.id : $el.attr('id');
    lsHeight = localStorage.getItem('textareaOuterHeight-' + id);

    if (lsHeight != null) {
      $el.height(lsHeight);
    }

    $el.data('defaultOuterHeight', $el.outerHeight());

    $el.on('click', function() {
      if ($el.data('defaultOuterHeight') !== $el.outerHeight()) {
        localStorage.setItem('textareaOuterHeight-' + id, $el.outerHeight());
      }
    });

---

这似乎对我来说是正确的：

$（'textarea'）。高度（20）
这是一个仍然存在的Chrome错误

您可以在这里使用变通方法jsfiddle.net/nz8ut/2/

您可以看看这个问题
您能提供一些您使用的代码吗？@IuriiDrozdov code添加。请看一看，我尝试了JSFIDLE，它的行为与我描述的一样。我无法将textarea的大小调整为小于设置的高度的大小。此外，我的问题是它在Chrome上不起作用。我尝试过这样做，但通过拖动textarea右下角来增加其大小似乎不会增加行数。除非我遗漏了什么？@NeedsHelp你是对的，它会改变高度和宽度。我的建议需要弄清楚如何根据要保存的行数调整高度。以防你找不到实际应用高度的方法。