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

Question

我有一个问题，滚动元素中的文本总是省略号。

当我使用时：

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

Firefox 省略所有项目。不管主播有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。