小程序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: 30rpx; height: 400rpx; width: 100%; background-color: orange;} |
当第一次进入页面时,如果loading=false时,textarea展示不存在问题;
当第一次进入页面,如果loading=true,延时设置loading=false,此时,表现如下:
Android:
textarea无法输入,如果添加背景颜色,可以看到textarea控件
ios:
textarea的placeholder首次进入样式样式不对,当输入一部分内容,再次删除后placehodler样式生效了
