公告列表
公告列表
收藏
回答

video 全屏后 video 中的 input 组件异常问题

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android Android 9 华为荣耀 10 7.0.7

问题一：input 标签被 video 标签包裹，video 全屏时，video 标签中的 input 获取焦点时无法上推页面。

问题二：input 标签被 video 标签包裹，video 全屏时，video 标签中的 input 获取焦点并输入文字时，input 内文字不显示，显示空白，失去焦点，键盘收起后，input 内恢复显示，显示刚刚输入的内容，再次获取焦点后，内容又变成空白。

安卓手机（华为荣耀10，小米8）出现这些问题，ios 正常

https://developers.weixin.qq.com/s/RY44T4mw7Rcf
最后一次编辑于  2019-10-12
回答关注问题邀请回答
收藏

2 个回答

  • 是小白啊
    是小白啊
    2019-10-12

    组件内包含另一个组件？

    2019-10-12
    有用
    回复 14
    • Ethan
      Ethan
      2019-10-12
      对的
      2019-10-12
      赞
      回复
    • Ethan
      Ethan
      2019-10-12
      就像代码片段中那样
      2019-10-12
      赞
      回复
    • 是小白啊
      是小白啊
      2019-10-14回复Ethan
      全屏不会上推，开发者可以监听键盘高度，自己上推
      2019-10-14
      赞
      回复
    • Ethan
      Ethan
      2019-10-14
      全屏模式下自己定位 input（adjust-position 设为 false，样式使用 position: absolute; bottom: 200px ）也有问题：屏幕会上推大概40px 左右，很诡异，而且 input 被定位到 bottom: 240px 左右。ios 没有这个问题，可以正常定位
      2019-10-14
      赞
      回复
    • Ethan
      Ethan
      2019-10-14
      需要代码片段吗
      2019-10-14
      赞
      回复
    查看更多(9)
  • 刁_Kyle
    刁_Kyle
    2019-10-12

    1. 你们玩那么花，我看了下各大直播平台，也没有全屏模式下，让输入弹幕的（没有input） 2. https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html#%E5%8E%9F%E7%94%9F%E7%BB%84%E4%BB%B6%E7%9A%84%E4%BD%BF%E7%94%A8%E9%99%90%E5%88%B6试下低版本ios,看是否正常

    2019-10-12
    有用
    回复 4
请 登录 后发表内容
相关问题
相关文档
问题标签
文字获取焦点input键盘小程序开发组件