收藏
回答

给属性 visibility 动态设置值(hidden=>visible)后,子长文本元素表现诡异

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信iOS客户端 7.0.11 2.10.3

问题描述:给父级的 visibility 属性动态设置值(hidden: visible)后,子元素中如果有下面代码wxss示例中的 `.long-sentence`,那就会出现省略号不生效的情况。此问题在真机和开发者工具中都为必现。

截图:

期望:

复现代码:

<!--index.wxml-->
<view style="visibility: {{ visibility }};">
  <view class="long-sentence">超长文案超长文案超长文案超长文案超长文案超长文案超长文案超长文案超长文案超长文案</view>
</view>

<!--index.js-->
Page({
  data: {
    visibility: 'hidden'
  },
  onLoad: function () {
    this.setData({
      visibility: 'visible'
    })
  }
})


<!--index.wxss-->
.long-sentence {
  display: -webkit-box;
  overflow: hidden;

  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


回答关注问题邀请回答
收藏

3 个回答

  • 冬林
    冬林
    星期二 14:52

    我之前也遇到过这个问题,应该是小程序的 bug, 希望官方能解决一下

    星期二 14:52
    赞同
    回复
  • 奇诺
    奇诺
    星期二 14:47

    同问,我也遇到了

    星期二 14:47
    赞同
    回复
  • Cooper
    Cooper
    03-21

    静态设置也会有这个问题吗,感觉是一个特定场景下偶发性的bug

    03-21
    赞同
    回复 2
    • vanilla
      vanilla
      03-22
      你可以试试这个简单的代码片段,确实是偶发的,多次刷新下大概率会出现
      03-22
      回复
    • vanilla
      vanilla
      03-22
      静态设置没有这个问题
      03-22
      回复
登录 后发表内容
问题标签