dcloudio / dcloudio/uni-app

textarea 英文单词被从中间打断换行

Open
#4,563 0 comments 0 reactions 1 assignee Claimed by @Otto-J View on GitHub
Android app doubleCheck
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.