css visibility 导致 -webkit-box-orient/-webkit-line-clamp多行显示失效

记一个开发中遇到的样式问题

如图显示 多行显示没有按照正常显示“…”

排查结果：因为这个下拉模块中因为动画问题使用了visibility :hidden来替换了display:none，而在visibility:hidden下节点的text变动，当切换到visibility：visible时是不会渲染"…"的;
修改结果：
1、在使用visibility :hidden的情况下避免使用-webkit-box-orient/-webkit-line-clamp，或者用 display:none替代
2、在两者都必须用的情况下使用给使用-webkit-box-orient/-webkit-line-clamp的节点添加visibility:visible的属性，来保持节点始终是显示的。

关于导致的原因：
最开始我猜测是文档流的问题、因为visibility于display的区别就在于占不占文档流的问题，但是后面用opacity来替换visibility 完全不会有这个问题。
后面我先会不会与-webkit-box-orient/-webkit-line-clamp实现原理相关、毕竟"…"的渲染是由这个产生的。可惜在网上没找到这部分相关资料，欢迎讨论或者大佬解惑