收藏
回答

view标签 hidden 为true的情况下,内部textarea会展示且宽度很小高度会很高?

组件:textarea

已测试会复现的手机:iPhone 8 plus, iPhone 13

期待现象:

  1. 隐藏的textarea,不会展示
  2. 未隐藏的textarea,正常展示,高度随文案多少变化

目前现象:

  1. 被view隐藏的textarea,会有一点文案显示,看起来像是异常情况,宽度很小,一行只有一个字,只显示一个字的一半,如图:
  2. 通过真机调试看到高度是2078px,属于异常的情况
  3. 在textarea不被view隐藏之后,高度会还是原本单字一行的高度,不会缩短,还是2078px,具体如图:
  4. 完整视频不支持上传


复现页面wxml:

<view hidden="{{!isShow}}">
  <textarea
    auto-height="{{true}}"
    value="{{value}}"
    style="background-color:aquamarine;"
  ></textarea>
</view>
<view>
  <textarea
    auto-height="{{true}}"
    value="{{value}}"
    style="background-color:lightgoldenrodyellow;"
  ></textarea>
</view>

复现页面js:

页面只有很简单的逻辑,先设置数据,再隔10秒把wxml上hidden的条件判断置为false,让隐藏的textarea展示出来

Page({
  data: {
    value: "",
  },
  onLoad() {
    this.setData({
      value: "测试富文本特别大的问题啊啊啊发神经卡拉胶恐龙当家奥斯卡来得及奥斯卡来得及昂克赛拉觉得卡拉数据的克拉斯加点开链接奥斯卡了觉得卡拉数据的看拉数据的克拉斯聚隆科技看的卡死了;大卡司;离苦得乐;奥斯卡了;看到是;看到了;按时"
    })
    setTimeout(() => {
      this.setData({
        isShow: true,
      })
    }, 10000);
  },
})

代码片段:https://developers.weixin.qq.com/s/mhIbZam27Kvk

回答关注问题邀请回答
收藏
登录 后发表内容