textarea添加autoHeight="true"属性为什么没有效果？原因在于 layui 原生并不支持这个属性。想让文本域高度自动撑开，需要手动监听 input 事件并结合 scrollHeight 计算高度。同时还要注意，form.render() 会重置 textarea 高度；如果是在表格场景中使用，还需要禁用 lineStyle，并同步处理三处 tr 的高度，才能避免显示错位。

textarea 加 autoHeight="true" 属性没反应？先确认是否引入了对应 JS

layui 本身并没有内置对autoHeight属性的支持，这类写法通常来自自定义封装或第三方插件（例如 jQuery 插件），并不是 layui 官方原生能力。也就是说，直接写通常不会自动生效，除非你额外引入了类似下面这样的脚本逻辑：

$.fn.autoHeight = function() {
this.each(function() {
const elem = this;
const autoHeight = () => {
elem.style.height = 'auto';
elem.scrollTop = 0;
elem.style.height = elem.scrollHeight + 'px';
};
autoHeight();
elem.addEventListener('input', autoHeight);
});
};
$('textarea[autoHeight]').autoHeight();

如果没有手动加入这类处理逻辑，那么 autoHeight 只是一个普通的 HTML 属性，对 layui textarea 高度自适应并不会产生实际作用。

原生 textarea 高度自适应：使用 input 事件 + scrollHeight 更稳定

如果不依赖任何框架，仅用原生 JS 实现 textarea 自动增高，最常见也最稳定的方案，就是监听 input 事件，先重置 height，再读取 scrollHeight 设置新高度。这里有几个关键细节需要注意：

• 必须先执行 elem.style.height = 'auto'，否则 scrollHeight 可能受到当前固定高度影响，导致计算结果不准确
• 建议重置 scrollTop（elem.scrollTop = 0），避免因为滚动位置变化让 scrollHeight 偏大
• 不要忽略 padding 的影响：如果 textarea 设置了 padding: 10px，理论上内容区高度 = scrollHeight - 20，不过大多数情况下直接使用 scrollHeight 赋值更省事，浏览器通常会自动把 padding 计算进去
• 移动端 iOS Safari 对 input 事件有时响应不够及时，可以额外监听 compositionend，兼容中文输入法场景

简短示例：

const el = document.querySelector('textarea');
const resize = () => {
el.style.height = 'auto';
el.style.height = el.scrollHeight + 'px';
};
el.addEventListener('input', resize);
el.addEventListener('compositionend', resize);
resize(); // 初始化

layui 表单里的 textarea 自动撑开后，form.render() 会重置高度吗？

答案是会，这也是 layui textarea 自适应高度时非常常见的一个问题。layui 的 form.render()（尤其是带参数如 'textarea' 的写法）会重新初始化页面中的 textarea，从而把原本设置好的内联 style.height 清空，恢复到默认高度。

常见解决思路主要有两个：

• 在 textarea 已经自动撑高之后，尽量不要再次主动调用 form.render()，除非确实需要刷新校验规则或表单状态
• 如果业务上必须执行 form.render()，那就在它执行完成后，立即再调用一次你的 resize 方法，比如封装成 resetTextareaHeight(el)

还要特别留意：layui 的 form.on('submit(...)') 默认可能会触发一次 form.render()，因此在提交前后最好重新校正文本域高度，否则用户看到的 textarea 可能会突然被“压缩”回去。

表格里嵌 textarea 怎么自动撑高？不要只看单元格 CSS

在 layui.table 的单元格中放入 textarea 时，即使文本域本身已经随着内容自动变高，整行 的高度也不一定会同步变化。原因在于 layui 2.8+ 默认会给 tr 添加固定的 height: 40px 内联样式，这通常来自 lineStyle 配置。

因此，想在表格中正确实现 textarea 高度自动撑开，通常需要组合处理：

• 初始化表格时设置 lineStyle: false，先关闭 layui 对行高的固定限制
• 在 done 回调中遍历每一行 tr，获取该行所有 td 中最大的 scrollHeight，然后再手动设置 tr.style.height
• 同时同步处理三处 DOM：.layui-table-main tr、.layui-table-fixed-l tr、.layui-table-fixed-r tr，否则左右固定列与主表区域的高度会不一致，出现错位

如果其中任何一步遗漏，都很容易出现“文本内容已经撑开，但下一行把它遮住了”，或者“中间区域正常、左右固定列高度异常”的问题。

很多时候，真正复杂的并不是“怎么让 textarea 自动变高”，而是当它放进 layui 的表单、表格等复杂容器后，要同时处理内联样式覆盖、DOM 结构分层以及异步渲染时机等问题。遇到这类情况，建议先打开开发者工具，检查当前元素到底被哪些 style 影响、又是由谁写入的，往往比单纯翻文档更高效。