x***@126.com
x***@126.com
  • 发布:2023-07-25 16:35
  • 更新:2023-07-25 21:26
  • 阅读:208

【报Bug】安卓App切换input焦点页面不上推

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS 12.6

HBuilderX类型: 正式

HBuilderX版本号: 3.8.7

手机系统: Android

手机系统版本号: Android 10

手机厂商: 荣耀

手机机型: BKL-AL20

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

    <view>  
        <input placeholder="请输入账号" style="margin-top: 570rpx;" class="input" />  
        <input placeholder="请输入密码" style="margin-top: 60rpx;" class="input" />  
    </view>  
</template>  

<script>  
</script>  

<style>  
    .input {  
        margin-left: 25rpx;  
        width: 700rpx;  
        height: 90rpx;  
        border: 1px solid #ccc;  
        border-radius: 20rpx;  
    }  
    .line {  
        width: 610rpx;  
        height: 0.5rpx;  
        background: #EEEEEE;  
        margin-top: 20rpx;  
    }  
</style> ``` 

操作步骤:
  1. 先点击第一个input编辑;
  2. 点击(切换到)第二个input编辑(切换前不要点击页面背景收起键盘)。

预期结果:

焦点切换到第二个input后,页面自动上推,以完全展示第二个input

实际结果:

焦点切换到第二个input后,页面没有自动上推,导致第二个input被键盘覆盖(第一次操作也许会成功,多试几次,从第二次开始绝对会失败)

bug描述:

页面中有两个或者多个input组件,在多个input间切换焦点时,页面不会自动上推,导致较下边的input内容被软键盘挡住

2023-07-25 16:35 负责人:无 分享
已邀请:
昭昭L

昭昭L - 开心就好

这个我们项目也遇到了,我们第一个表单填完了,按软键盘的下一项就出现这个问题了

要回复问题请先登录注册