You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

CdkTextareaAutosize的cdkAutosizeMin/MaxRows设置不符合预期问题咨询

Angular Material V15 CDK 文本域自动行数异常问题解决

针对你遇到的CDK Autosize设置cdkAutosizeMaxRows="5"却只能扩展到3行的问题,可从以下几个方向排查:

  • 排查样式限制
    检查组件或全局样式中是否给<textarea>设置了max-height属性,比如旧版示例无额外高度限制,但V15默认样式或自定义样式可能添加了硬编码的高度上限,导致未达设置的最大行数就触发滚动。删除或调整该属性至适配5行的高度即可。

  • 确认指令完整绑定
    确保核心指令cdkTextareaAutosize已正确添加到<textarea>元素上,完整的属性绑定示例如下:

    <textarea cdkTextareaAutosize cdkAutosizeMinRows="1" cdkAutosizeMaxRows="5"></textarea>
    

    遗漏cdkTextareaAutosize会导致自动调整逻辑不生效。

  • 检查父容器布局限制
    如果textarea的父容器设置了固定高度或overflow: hidden,会限制textarea的扩展空间,导致无法达到设置的最大行数。调整父容器布局,确保其不会截断textarea的高度扩展。

  • 验证CDK版本稳定性
    部分Angular Material V15早期版本存在Autosize功能的bug,确认package.json中@angular/cdk为15.x系列的稳定补丁版本,必要时升级到对应分支的最新版本修复问题。

内容的提问来源于stack exchange,提问作者dzk008

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 22:07:39