3***@qq.com
3***@qq.com
  • 发布:2019-05-02 17:40
  • 更新:2019-05-02 17:40
  • 阅读:1215

【报Bug】uni开启顶部搜索框后,真机测试时滚动屏幕时输入法自动隐藏出现的bug

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
我在页面上设置了原生的搜索框,在界面添加了滚动条监听,会随着滚动条的位置改变搜索框的文字,然后真机测试弹出输入法后滚动的时候出现了这个问题,如下图所示

//监听滚动  
        onPageScroll(reg) {  
            let top = reg.scrollTop;  
            if (top > 396) {  
                this.searvalue=false  
                // app修改输入框内容  
                // #ifdef APP-PLUS  

                let pages = getCurrentPages();    
                let page = pages[pages.length - 1];    
                let currentWebview = page.$getAppWebview();    
                let titleObj = currentWebview.getStyle().titleNView;    
                if (!titleObj.searchInput) {    
                    return;    
                }    
                titleObj.searchInput.placeholder = "搜索动态商品";    
                //titleObj.buttons[0].text = titleObj.buttons[0].text === "\ue604" ? "\ue605" : "\ue604";    
                currentWebview.setStyle({    
                    titleNView: titleObj    
                });    
                // #endif  
            } else {  
                this.searvalue=true  
                    // app修改输入框内容  
                // #ifdef APP-PLUS  

                let pages = getCurrentPages();    
                let page = pages[pages.length - 1];    
                let currentWebview = page.$getAppWebview();    
                let titleObj = currentWebview.getStyle().titleNView;    
                if (!titleObj.searchInput) {    
                    return;    
                }    
                titleObj.searchInput.placeholder = "搜索全部商品";    
                //titleObj.buttons[0].text = titleObj.buttons[0].text === "\ue604" ? "\ue605" : "\ue604";    
                currentWebview.setStyle({    
                    titleNView: titleObj    
                });    
                // #endif  
            }  
        },

这是我的监听代码

重现步骤

[步骤]
打开app,点到输入框,弹出输入法,然后滚动屏幕,就会出现输入法的占位还存在的情况
[结果]


[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

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

[IDE版本号]
hbuilderx1.9.4
[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]
android版本9
[iOS版本号]

[手机型号]
华为meat10
[模拟器型号]

附件

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

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

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-05-02 17:40 负责人:无 分享
已邀请:

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