2***@qq.com
2***@qq.com
  • 发布:2022-07-22 19:38
  • 更新:2022-07-22 21:06
  • 阅读:634

【报Bug】 输入框第一次不生效聚焦及切换聚焦adjustResize没有生效的问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.4.18

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: 小米10

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

page.json配置为

{  
            "path": "pages/product/product",  
            "style": {  
                "navigationBarTitleText": "",  
                "enablePullDownRefresh": false,  
                "navigationStyle": "custom",  
                "app-plus": {// App特定样式  
                    "popGesture": "none",  
                    "softinputNavBar": "auto",  
                    "softinputMode":"adjustResize"  
                }  
            }  
        },  

两个输入框分别为
<input class="testItems" :name="param['Name']" :value="param['Value']" type="number" :placeholder="param['Name']" @confirm="btnclick">
<input :name="param['Name']" :value="param['Value']" type="text" :placeholder="param['Name']" />

操作步骤:

在页面中新建两个输入框,第一次点击不会按照预期弹起页面,键盘覆盖输入框
从一个输入框切换到另外一个输入框 也不会按照预期弹起页面,键盘依然覆盖输入框

预期结果:

在页面中新建两个输入框,第一次点击应该会按照预期弹起页面,输入框在弹起的键盘之上
从一个输入框切换到另外一个输入框 也应该会按照预期弹起页面,输入框在弹起的键盘之上

实际结果:

在页面中新建两个输入框,第一次点击不会按照预期弹起页面,键盘覆盖输入框
从一个输入框切换到另外一个输入框 也不会按照预期弹起页面,键盘依然覆盖输入框

bug描述:

我在page.json中配置了

"app-plus": {// App特定样式  
     "popGesture": "none",  
     "softinputNavBar": "auto",  
     "softinputMode":"adjustResize"  
}

在页面中 input第一次聚焦时 页面不会上弹 第二次聚焦才会上弹 并且从一个输入框切换到另一个输入框时 键盘弹起 页面没有上弹

2022-07-22 19:38 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

未复现此问题,如果想保证输入框不被软键盘盖住,可设置"softinputMode":"adjustPan" 。
adjustResize模式在Android App上,弹起键盘和收回键盘时,因为要重设webview窗体高度,不能保证输入框完全不被盖住,且键盘弹起时,不再自动上推页面(adjust-position无效)
如果还有问题请提供简单复现最小化示例(上传附件)【咨询问题/bug处理优先级规则】:https://ask.dcloud.net.cn/article/38139

  • 2***@qq.com (作者)

    如果设置了"softinputMode":"adjustPan" 自定义的顶部导航将会被顶出窗口 此问题能否解决呢

    2022-07-26 09:20

  • 2***@qq.com (作者)

    https://hellouniapp.dcloud.net.cn/pages/extUI/forms/forms 这个链接里面输入框在Android app上弹起键盘和收回键盘时 输入框完全不被盖住 且顶部不会被顶出窗口 请问是为什么呢

    2022-07-26 09:23

  • DCloud_UNI_Anne

    回复 2***@qq.com: 参考hello uni-app示例项目,使用原生导航栏,无需配置softinputMode

    2022-07-26 14:34

  • 2***@qq.com (作者)

    回复 DCloud_UNI_Anne: 问题是 我现在因为业务需求 不能使用原生的导航栏 意思是不用原生的导航栏就没有办法处理吗

    2022-07-29 12:56

  • tuonioooo

    回复 2***@qq.com: 现在内置组件 input 和 textarea 都支持adjust-position 属性,可以参考: https://uniapp.dcloud.net.cn/component/textarea.html#textarea

    2023-01-06 17:20

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