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

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 回复

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

回到顶部