前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序textarea层级问题

微信小程序textarea层级问题

作者头像
韦弦zhy
发布2018-09-11 11:59:01
3.2K0
发布2018-09-11 11:59:01
举报

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.07.06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、写一个和textarea有一样样式的temp-view
  • 2、view内的文字样式分别为textarea的文字样式style1和textarea的placeholder-style样式style2一致
  • 3、当需要显示蒙版视图时,隐藏textarea,获取textarea的文字内容,显示temp-view, 设置样式为style1
  • 4、如果textarea没有输入文字,则temp-view显示placeholder文字,同时设置样式为style2
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档