给属性 visibility 动态设置值(hidden=>visible)后,子长文本元素表现诡异
发布于 6 年前 作者 taoli 12859 次浏览 来自 官方Issues

问题描述:给父级的 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 回复

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

同问,我也遇到了

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

回到顶部