收藏
回答

微信小程序内嵌webview页面,input框点击弹起键盘,切应用后,键盘消失,底部出现空白区域?

所有安卓机型均可复现,复现概率100%,

复现流程:打开微信小程序内嵌的webview页面,页面中有一个弹窗,弹窗bottom为0,位于页面底部,点击弹窗中的input输入框,此时突然有qq消息在通知栏出现,点击qq消息切过去qq(其他应用均可)【注意:在通知栏的消息切过去别的应用是百分百出现此问题的;若是直接手势或者按键切换别的app再回来就不一定出现】,再切回来小程序,就会出现键盘小时,但是键盘的原本占位出现空白;

尝试通过下面办法都无法解决:代码中增加 小程序展示时,触发focus时间也不会调起键盘,在blur事件去滚动页面也没反应。

下面是出现的图片以及我当前测试的机型,图1是刚进入页面,图2是点击了input框,图3是切过去别的应用切回来(橙色区域就是空白区域),图4是设备信息。

回答关注问题邀请回答
收藏

5 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2020-03-01

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-03-01
    有用
    回复 16
    查看更多(11)
  • Bຼlan๊k
    Bຼlan๊k
    04-25

    您好,这个问题解决了嘛?我也遇到了!!

    04-25
    有用
    回复
  • 🌱mm💫
    🌱mm💫
    02-02

    你好,这个问题解决了嘛?

    02-02
    有用
    回复
  • 一生的职业-学生
    一生的职业-学生
    2020-07-16

    您好!楼主,我遇到了和您一样的问题,不过已经解决,方法如下:

    通过document.visibilityChange时间可以监听到页面进入后台,只需要在这个事件中,找一个input框进行聚焦即可,代码如下:

    <input type="text" id='overflow-keyboard' style='display: none;'>

      document.addEventListener('visibilitychange', () => {

    document.querySelector('#overflow-keyboard').focus()

      })

    希望可以帮到楼主!



    2020-07-16
    有用
    回复
  • susan🍭
    susan🍭
    2020-04-24

    我也是这个问题,切换进程后出现空白,然后再次点击输入框后无法收起键盘无法失焦。

    2020-04-24
    有用
    回复
登录 后发表内容
问题标签