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

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

产品分类：

uniapp/小程序/微信

PC开发环境操作系统：

Windows

PC开发环境操作系统版本号：

Windows 11 家庭中文版 版本号：23H2 操作系统版本号：22631.5189

第三方开发者工具版本号：

HBuilder X 4.64

基础库版本号：

3.5.8

项目创建方式：

CLI

CLI版本号：

^2.0.0-31920210709003

示例代码：

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

<script>
export default {
  data() {
    return {
      requirement_description: '',
      requirement_description_limit_words_num: 100,
      requirement_description_placeholder: '请输入描述'
    }
  }
}
</script>

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

<template>
  <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"  
  />
</template>

<script>
export default {
  data() {
    return {
      requirement_description: '',
      requirement_description_limit_words_num: 100,
      requirement_description_placeholder: '请输入描述'
    }
  }
}
</script>

操作步骤：

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

<script>
export default {
  data() {
    return {
      requirement_description: '',
      requirement_description_limit_words_num: 100,
      requirement_description_placeholder: '请输入描述'
    }
  }
}
</script>

预期结果：

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

实际结果：

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

bug描述：

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

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

<script>
export default {
  data() {
    return {
      requirement_description: '',
      requirement_description_limit_words_num: 100,
      requirement_description_placeholder: '请输入描述'
    }
  }
}
</script>

下载附件