uniapp 小程序textarea显示不正常问题

textarea这个原生组件的坑，placeholder位置错乱，穿透弹窗或遮罩层，ios上输入法弹起后换行输入内容遮挡，删除输入内容时内容被遮挡等等。。。

解决页面滚动时placeholder/输入内容不随textarea组件滚动，经多方尝试，出现这种情况是textarea的某个父级元素设置了overflow属性，去掉所有父级元素的overflow属性即可解决

解决textarea组件为原生组件层级最高，穿透弹窗或遮罩层。
此处的解决思路是设置一个跟textarea布局一致的替代元素，与textarea交替展现。当点击替代元素时textarea展现，就可以输入内容，当textarea失去焦点时替代元素展现，将输入值赋给替代元素，这样不输入内容页面滚动时就不会出现textarea穿透问题。本坑注意要设置textarea自动聚焦（否则要点两次替代元素才能拉起键盘），且两个元素的切换要用wx:if,不能用显示和隐藏

解决ios上输入法弹起后换行输入内容遮挡，删除输入内容时内容被遮挡问题

要给textarea的父级元素加个margin-bottom，具体多少视情况而定（反正不够就一直加呗），在点击替代元素后先给textarea的父级元素加个margin-bottom，然后将页面滚动到底部，最后再展现textarea并拉起输入法键盘

 

出处https://www.cnblogs.com/growupup/p/9799507.html