根据官方文档,textarea 是原生组件 (https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html),所谓原生组件就是 “脱离在 WebView 渲染流程外”
文档中的原话是:
原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。
页面中有弹窗弹出层时,点击弹出层时,底层的textarea也会显示出来,设置z-index没作用。
注意:请在真机中测试。微信开发者工具中看不到这样的问题。
针对弹窗如何解决?
找了个笨方法,有弹窗的时候,就用 wx:if 把 textarea 藏起来,弹出层隐藏的时候再显示textarea。