textarea 英文单词被从中间打断换行
- Dominant language
- JavaScript
- Stars
- 41.6k
- Forks
- 3.7k
- Avg merge
- 7h 6m
- Merged PRs (30d)
- 6
Description
**问题描述**
多行输入时,一行的最后一个单词被打断显示在两行,应该是这个单此整个换行到下一行
**复现步骤**
```
```
css
```
textarea {
width: 520rpx;
height: auto;
max-height: 180rpx;
font-size: 26rpx;
font-family: PingFangSCLight;
line-height: 26rpx;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
}
```
在源码dev分支中发现textarea,使用了word-break: break-all;css中设置的无法覆盖
此情况在安卓中出现,iOS中是正常的
**预期结果**
例如:ni hao uni app
**实际结果**
ni hao uni a
pp
[](url)https://ask.dcloud.net.cn/uploads/questions/20231010/748a376b14b4683839ef09cad0d9cd5a.jpg
**系统信息:**
- 发行平台: 微信小程序
- 操作系统 Android 13
- HBuilderX版本 3.8.12
- uni-app版本 [如使用Vue-cli创建/运行项目,则提供`npm run info`的运行结果]
- 设备信息 Redmi K40s
**补充信息**
[可选]
在此代码dev分支中看到textarea组件css里是这样写的
uni-textarea { ... word-break: break-all }
应该是此css导致,英文输入时单词被打断换行的
代码中写的样式覆盖不了
Contributor guide
Assessment
This issue has not been assessed yet.