微信小程序textarea层级问题

textarea层级问题.jpg

写了一个页面,其中包含textarea和自定义的一个蒙版视图,发现在真机中textarea的placeholder文字和value文字都会显示在蒙版视图之上。。。。

找了一下网上也没有很好的解决方案,但是问题还是要解决。。。

1、写一个和textarea有一样样式的temp-view
2、view内的文字样式分别为textarea的文字样式style1和textarea的placeholder-style样式style2一致
3、当需要显示蒙版视图时,隐藏textarea,获取textarea的文字内容,显示temp-view, 设置样式为style1
4、如果textarea没有输入文字,则temp-view显示placeholder文字,同时设置样式为style2

因为textarea默认的z-index非常之高。。。并且我们无法修改,所以只能暂时这样处理,希望官方早日修复这个bug。 我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=150afwwtin5bq

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

扫码关注云+社区

领取腾讯云代金券