3***@qq.com
3***@qq.com
  • 发布:2025-05-09 11:13
  • 更新:2025-06-29 18:08
  • 阅读:234

微信小程序使用textarea组件,获得焦点后在部分老的机型Redmi9、华为畅享50(其他旧机型没有测试)会出现键盘弹起然后一闪而过,再次点击组件获得焦点键盘还是一闪而过,一直重复,导致用户无法输入

分类:uni-app

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

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11 家庭中文版 版本号:23H2 操作系统版本号:22631.5189

第三方开发者工具版本号: HBuilder X 4.64

基础库版本号: 3.5.8

项目创建方式: CLI

CLI版本号: ^2.0.0-31920210709003

示例代码:

原始代码如下:

<textarea  
  style="height: 200rpx;"  
  name="requirement_description"  
  v-model="requirement_description"  
  :maxlength="requirement_description_limit_words_num"  
  :placeholder="requirement_description_placeholder"  
 />

最终我尝试的解决方案是将textarea组件的show-confirm-bar属性设置为false:

<textarea  
  style="height: 200rpx;"  
  name="requirement_description"  
  v-model="requirement_description"  
  :maxlength="requirement_description_limit_words_num"  
  :placeholder="requirement_description_placeholder"  
  :show-confirm-bar="false"  
 />

操作步骤:
<textarea  
  style="height: 200rpx;"  
  name="requirement_description"  
  v-model="requirement_description"  
  :maxlength="requirement_description_limit_words_num"  
  :placeholder="requirement_description_placeholder"  
 />

预期结果:

将textarea组件的show-confirm-bar不指定为false,在部分旧机型下键盘也能正常弹起,而不是出现一闪而过的情况。

实际结果:

默认textarea组件的show-confirm-bar为true,textarea获得焦点后在部分旧机型下键盘弹起一闪而过。

bug描述:

微信小程序里面使用textarea组件,组件获得焦点后在部分老的机型Redmi9、华为畅享50(其他旧机型没有进行测试)会出现键盘弹起然后一闪而过,然后再次点击textarea组件获得焦点键盘还是一闪而过,一直重复,导致用户无法输入。
页面使用的textarea代码如下:

<textarea  
  style="height: 200rpx;"  
  name="requirement_description"  
  v-model="requirement_description"  
  :maxlength="requirement_description_limit_words_num"  
  :placeholder="requirement_description_placeholder"  
 />
2025-05-09 11:13 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

试试原生微信小程序会不会有此问题,有的话可以反馈微信社区。

要回复问题请先登录注册