1***@163.com
1***@163.com
  • 发布:2025-04-17 18:36
  • 更新:2025-05-19 12:04
  • 阅读:49

【报Bug】textarea 在微信小程序里安卓手机设置style="word-break: break-word;" 也不换行

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 14.1.1 (23B81)

HBuilderX类型: 正式

HBuilderX版本号: 4.57

第三方开发者工具版本号: RC 1.06.2503281

基础库版本号: 不知道

项目创建方式: HBuilderX

示例代码:
<textarea  
          ref="contentTextareaRef"  
          style="word-break: break-word"  
          class="content-textarea"  
          v-model="formData.content"  
          placeholder="复制作文内容或拍照上传,不超过5000个单词"  
          maxlength="10000"  
        ></textarea>
.content-textarea {  
  width: 90%;  
  padding: 14px;  
  height: 300px;  
  margin: 0 auto 20px auto;  
  border: 1px solid #e5e5e5;  
  border-radius: 4px;  
  word-wrap: break-word;  
  word-break: normal;  
  overflow-y: auto;  
}  

::v-deep .uni-textarea-wrapper .uni-textarea-textarea {  
  overflow-wrap: break-word !important; // 确保长单词在容器边界换行  
  word-break: break-word !important;  
  border: 1px solid red;  
}  
::v-deep uni-textarea {  
  word-break: break-word;  
}

操作步骤:

使用上面的步骤即可复现

预期结果:

预期是在微信小程序的安卓手机上也支持行末尾按照单词换行

实际结果:

在微信小程序的安卓手机换行不生效,在微信小程序的开发者工具是可以正常换行的,用真机预览就不换行了

bug描述:

用的基础组件textarea , 我想实现在微信小程序里的英文单词按照单词处理行末尾的换行,和之前这个朋友提出的问题是一样的:

bug 链接

在微信开发者工具里是可以正常换行的,但是我在真机预览以及微信小程序的体验版里都是不会换行

2025-04-17 18:36 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

实际测试了下,原生微信小程序也存在此问题,可以反馈到微信社区

<textarea style="border: 1px solid red; word-wrap: break-word;"></textarea>

要回复问题请先登录注册