小程序textarea遇到的BUG
发布于 4 年前 作者 changwei 15688 次浏览 来自 问答

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样式生效了

1 回复

你好,问题已复现,我们会尽快进行修复。

回到顶部