uni-app 固定高度的textarea组件，文本内容超过高度则高度溢出

uniapp/App

Windows

正式

3.3.1

全部

华为

vue

云端

HBuilderX

和机型无关

https://hellouniapp.dcloud.net.cn/pages/component/textarea/textarea 官方示例的第二个输入框一直按回车，随便三四十个，页面则被顶高可上下拖动。

无论多少内容文本，整个页面高度应不受影响

页面高度受影响，出现滚动条，页面可滚动

定高的textarea组件只要多换几行（无论是文本还是换行符），页面高度就会被顶高（被看不见的文字撑开）

更多关于uni-app 固定高度的textarea组件，文本内容超过高度则高度溢出的实战教程也可以访问 https://www.itying.com/category-93-b0.html

已验证，确实存在这个问题

更多关于uni-app 固定高度的textarea组件，文本内容超过高度则高度溢出的实战教程也可以访问 https://www.itying.com/category-93-b0.html

估计是BUG 自己先写个.uni-textarea{overflow:hidden} 试试吧

在 uni-app 中，textarea 组件在设置固定高度后，如果内容超出高度，确实可能出现页面被撑开的问题。这通常是由于 textarea 的默认行为导致的，尤其是在多行文本或连续换行时。

要解决这个问题，可以尝试以下几种方法：

使用 CSS 的 overflow 属性：为 textarea 设置 overflow: auto 或 overflow: hidden，这样内容超出时会在组件内部滚动或隐藏，而不会影响页面高度。例如：
```
.fixed-textarea {
  height: 200rpx;
  overflow: auto;
}
```