微信小程序采坑记录 ------- 使用原生表单组件 textarea 层级过高导致出现穿透问题的解决方案

微信小程序的组件有原生与非原生组件的区分,想必有些小伙伴是知道的,官方文档里面对于这里的描述也是很清晰的,博主在这里遇到的就是表单组件里面的 textarea,由于原生组件的层级特性导致会出现穿透效果,非常影响用户体验,具体如下图
微信小程序采坑记录 ------- 使用原生表单组件 textarea 层级过高导致出现穿透问题的解决方案

下面的店铺简介就是 textarea 的杰作,在拉起选择框的时候,总是能后穿透出来他的内部 placeholder 文字,让人很头疼;
微信小程序采坑记录 ------- 使用原生表单组件 textarea 层级过高导致出现穿透问题的解决方案

我在这里的解决方案是在拉起选择框弹层的时候使用 js 将 textarea 隐藏掉,等选择完成后再通过 js 将 textarea 隐藏取消,这样就不会存在穿透效果了,代码比较简单,就不在这里往出贴了,此处记录只为有相同问题的小伙伴提供一个解决的思路。

微信小程序采坑记录 ------- 使用原生表单组件 textarea 层级过高导致出现穿透问题的解决方案