- 当前 Bug 的表现(可附上截图)
- 预期表现
cover-view应漂浮在原生组件textarea的顶部
- 复现路径
pages/index/index
请使用真机测试
- 提供一个最简复现 Demo
推测目前textarea和cover-view应该都是以原生组件实现,所以层级关系是以渲染到页面上的顺序决定,而不是cover-view优先
做了个代码片段做测试
1.默认页面上渲染一个textarea-0和一个cover-view-0,这时一切正常
2.两秒后异步渲染出textarea-1出来,新渲染出的textarea-1覆盖在cover-view-0上
3.四秒后异步渲染出cover-view-1来,cover-view-1覆盖在所有组件上
简单如下:
onLoad: function (options) { var that = this setTimeout( function () { that.setData({ testlist: [1, 2, 3, 4, 5, 6, 7,8,9,10,11,12,13,14] }) }, 2000) setTimeout( function () { that.setData({ test: true }) }, 4000) }, |
< textarea class = 'aadgb' value = '第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行第{{index}}行' auto-height = "{{true}}" wx:for = "{{testlist}}" /> < cover-view class = 'aad1' > 我是会被穿透的cover-view </ cover-view > < cover-view class = 'aad2' wx:if = "{{test}}" > 我不会被穿透的,因为我是最晚生成的 </ cover-view > |
具体见代码片段
建议是原生组件也能配置一个z-index属性,这样能灵活控制层级
实在不行的话,建议是把cover-view永远置顶
你好,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
意思是不支持覆盖textarea吗?
但实际测试时能覆盖的
只是按照渲染的顺序覆盖了
请核实文档是否与实际程序相符合
cover-view 是有严格处理在文档中的几个父组件的情况,但是对于 textarea 的表现,不能说现在实测覆盖了就保证所有机型所有情况都是能覆盖的。
另外原生组件目前基本上都是按照插入顺序定层级的,所以就表现来说没错。
原生组件支持层级这个问题后续有个同层渲染的支持来解决,目前此功能正在灰度中(目前只有 video、input 组件在灰度)。