收藏
回答

cover-view组件遮挡input

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug cover-view, input 客户端 7.0.5 2.7.4

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo

input并不在cover-view 中包含,

covew-view和input都使用了定位,用z-index控制层级,input在cover-view之上,但是真机上input不自动聚焦就看不到input,  而且在键盘关闭之后,点击不到input,无法使input聚焦



最后一次编辑于  2019-07-11
回答关注问题邀请回答
收藏

2 个回答

  • 微信技术专员 - Rex
    微信技术专员 - Rex
    2019-07-18

    这个正常现象,input 在不聚集时是在占位元素,聚集才用原生组件渲染,而 cover-view 一直是原生组件。

    你可以用 textarea 替代 input

    2019-07-18
    赞同
    回复 1
    • 〆、维生素ゝ
      〆、维生素ゝ
      2019-07-18
      嗯 我试试
      2019-07-18
      回复
  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2019-07-12

    input是原生组件,所以层级是最高的,页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。

    2019-07-12
    赞同
    回复 5
    • 〆、维生素ゝ
      〆、维生素ゝ
      2019-07-12
      但是现在是input被cover-view遮挡了, 不是cover-view被input挡住了
      2019-07-12
      回复
    • 〆、维生素ゝ
      〆、维生素ゝ
      2019-07-13
      我加代码片段了,工具中正常,但是在真机就不行了
      2019-07-13
      回复
    • 〆、维生素ゝ
      〆、维生素ゝ
      2019-07-15
      而且获取焦点时正常,可以看到input组件,失去焦点之后才会被遮挡
      2019-07-15
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2019-07-15回复〆、维生素ゝ
      问题确认中,有进展同步
      2019-07-15
      回复
    • 〆、维生素ゝ
      〆、维生素ゝ
      2019-07-17回复社区技术运营专员-娇华
      现在是确定有问题,正在定位修复,还是并不确定是否存在问题???
      2019-07-17
      回复
登录 后发表内容