收藏
回答

cover-view组件遮挡input

框架类型 问题类型 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 个回答

  • 黄思程
    黄思程
    2019-07-18

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

    你可以用 textarea 替代 input

    2019-07-18
    有用
    回复 1
  • 疯狂的小辣椒
    疯狂的小辣椒
    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
      回复
登录 后发表内容