小程序textarea遇到的BUG
bug会100%复现
场景:
自定义一个container组件,组件定义如下:
Component({ properties: { loading: { type: Boolean , value: false , } }, }) |
< view wx:if = "{{!loading}}" > < slot /> </ view > |
在外部使用如下:
<container loading="{{loading}}"> <textarea class='text-area' placeholder='请输入内容'></textarea> </container> |
Page({ data: { loading: true , }, onLoad: function () { setTimeout(()=>{ this .setData({ loading: false , }); }, 1000 ); } }) |
.text-area { font-size : 30 rpx; height : 400 rpx; width : 100% ; background-color : orange; } |
当第一次进入页面时,如果loading=false时,textarea展示不存在问题;
当第一次进入页面,如果loading=true,延时设置loading=false,此时,表现如下:
Android:
textarea无法输入,如果添加背景颜色,可以看到textarea控件
ios:
textarea的placeholder首次进入样式样式不对,当输入一部分内容,再次删除后placehodler样式生效了