459114173
459114173
  • 发布:2020-04-26 15:20
  • 更新:2020-09-07 21:10
  • 阅读:1026

【报Bug】安卓手机textarea组件动态设置focus为true的时候,首次加载会一闪而过

分类:uni-app

详细问题描述

安卓手机上真机运行,使用textarea组件的时候动态设置获取焦点属性后,首次唤起键盘会一闪而过,唤起键盘马上消失
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
在uniapp默认模板中,创建一个textarea组件,初始化值设置为false,然后通过按钮去控制focus属性为true,安卓手机会唤起键盘,一闪而过以后键盘消失,但是后续点击后会正常显示

重现步骤

[步骤]
在uniapp默认模板中,创建一个textarea组件,初始化值设置为false,然后通过按钮去控制focus属性为true,安卓手机会唤起键盘,一闪而过以后键盘消失,但是后续点击后会正常显示。
[结果]
安卓手机会唤起键盘,一闪而过以后键盘消失,苹果手机正常显示
[期望]
安卓手机键盘正常显示,不会一闪而过
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX
[IDE版本号]

[windows版本号]
windo10
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
app
[运行端版本号]
2.6.15
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]
v3模式

App运行环境说明

[Android版本号]
android10版本
[iOS版本号]
苹果手机正常显示
[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{ title }}</text>
<textarea :value="data" placeholder="请输入评论..." :focus="isTrue" @blur="cancel" @focus="comfirm" />
</view>
<button @click="tab" type="default">弹出键盘</button>
</view>
</template>

<script>
export default {
data() {
return {
title: 'Hello',
data: '',
isTrue: false
};
},
onLoad() {},
methods: {
cancel() {
setTimeout(() => {
this.isTrue = false;
}, 150);
},
comfirm() {
setTimeout(() => {
this.isTrue = true;
}, 150);
},
tab() {
if(!this.isTrue){
this.comfirm();
}else{
this.cancel();
}
},
}
};
</script>

<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}

.text-area {
display: flex;
justify-content: center;
}

.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>

联系方式

459114173
[QQ]

2020-04-26 15:20 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

已确认bug,后续会优化

  • 2***@qq.com

    我也出现了这个问题 但是只要弹出过一次软键盘就再也不会复现了

    2021-05-19 11:43

  • 2***@qq.com

    hbuiderx创建的项目 版本3.1.12.20210428 小程序

    2021-05-19 11:44

  • 2***@qq.com


    <view class="bottom safe-area-inset-bottom u-p-t-12" id="bottoms" >

    <view class="u-flex u-row-between u-col-center u-m-b-12">

    <textarea placeholder="说说你的想法吧" placeholder-style="color:#B2B2B2;font-size:26rpx;" auto-height fixed

    confirm-type="done" class="textarea texta" v-model="reply" :show-confirm-bar="false"

    cursor-spacing="bottomHeight" @focus="onFocus" @blur="onBlur"/>
    <view>

    <u-button type="primary" size="medium" shape="circle" @click="addComment">发布</u-button>

    </view>

    </view>

    </view>

    2021-05-19 11:45

  • DCloud_UNI_GSQ

    回复 2***@qq.com: 如果是微信小程序需要反馈到微信小程序社区

    2021-05-19 14:52

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 2.8.9+ 已修复

  • 江月照我眠

    本来没问题的,前几天更新了一下,我的也出现这个问题了,哎。。。

    2020-09-23 16:58

  • DCloud_UNI_GSQ

    回复 江月照我眠: 具体说来

    2020-09-23 20:02

  • 江月照我眠

    回复 DCloud_UNI_GSQ: 我之前测试的时候没这问题,前两天hbuliderx突然提示一系列的更新内容,我就更新了,现在遇到的情况跟楼主的描述一样,我是用popup组件仿照share实例写了个仿照微信公众号的留言卡片,组件设置了focus=true,弹出卡片后textarea虽然聚焦了,但是下方的软键盘一闪而过,有一个先出现后消失的动画。


    另外借此再问一个问题,下方软键盘有时候会将textarea顶起,有时候会覆盖在上面,这要怎么处理?

    2020-09-24 09:22

该问题目前已经被锁定, 无法添加新回复