【BUG】小米5中 video.js 在钉钉 webview 中全屏后 后退无法弹出虚拟键盘
in BUG备忘录 with 1 comment

【BUG】小米5中 video.js 在钉钉 webview 中全屏后 后退无法弹出虚拟键盘

in BUG备忘录 with 1 comment

BUG背景

触发环境

  1. MI 5 或 MI 6(三星没问题)
  2. 钉钉3.5.3(开发版没问题)Webview [WebKit 537.36 Chrome 57.0.2987.132](识别方法见文末)
  3. video.js 6.2.4 + vue-video-player 4.0.3

触发条件

  1. 进入video 页面,点击全屏按钮(屏幕无法自动横屏,视频在屏幕中间,上下都是黑屏)
  2. 再次点击全屏按钮(退出全屏)或者点击 mi5 的后退按钮(直接返回上一页)
  3. 退出全屏后页面上或者其他页面上有 input 框,点击 input 框,虚拟键盘无法弹出

BUG分析

机型

钉钉

插件

BUG解决

解决思路

解决方案

相关代码

    document.addEventListener('webkitfullscreenchange', handleFullScreen)
    function handleFullScreen (e) {
      if (document.webkitIsFullScreen) {
        console.log('fullscreen')
      } else {
        console.log('exit fullscreen')
        dd.device.notification.showPreloader()
        dd.device.notification.hidePreloader()
      }
    }

后记

附录

Responses