给属性 visibility 动态设置值(hidden=>visible)后,子长文本元素表现诡异
问题描述:给父级的 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;
}