css - Firefox 滚动元素中的文本总是省略号

Question

我对滚动元素中的文本总是省略号有疑问。

当我使用时:

 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

Firefox 省略所有元素。无论 anchor 是否有 display: list-item，或父 display: flex, flex-direction: column。在 Chrome 上一切正常。

chrome 和 firefox 之间的区别是显着的。

我准备codesandbox: https://codesandbox.io/s/gifted-glade-6kbcq?file=/index.html

知道如何解决吗？

Answer 1

这是 https://bugzilla.mozilla.org/show_bug.cgi?id=764076 . Chrome 在其他情况下也有类似的错误。

可靠的解决方法是使用overflow-y: scroll。