使禁用的文本区域高度适应内容

时间:2018-11-07 14:04:08

标签: angular typescript

我需要使禁用的textarea的高度适应其先前存在的内容。 我已经有一个针对非禁用文本区域的有效解决方案,但是如果我将以下解决方案应用于具有预先存在的文本的解决方案,则该文本区域的大小将是所需大小的两倍。 只有在再次手动启用并按下随机键后,它才能正确适应。 我试图通过调度输入事件来修复它,但这也导致textarea变得需要的两倍大。

代码:

textAreaAdjust(textArea: HTMLTextAreaElement) {
textArea.style.height = 'auto';
textArea.style.height = textArea.scrollHeight + 'px';
}

我当前的“解决方案”只是将滚动高度除以2,但是大小不够一致。

编辑:

我一直在用不同长度的值测试它,发现如果单行的长度超过一定值,它将开始出现错误。 如果值低于限制,则无论显示多少行,它们都将显示正确。

textarea when input is too long textarea when input is fine

0 个答案:

没有答案