css - Firefox 在文本适合时添加省略号

Question

我一直在关注这里的答案，以确定元素中的文本何时被 css text-overflow:ellipsis选项截断（我想显示一个切换提示按钮）。offsetWidth < scrollWidth使用确定是否显示省略号时，我在 Firefox 中遇到问题。似乎 Firefox 正在截断文本并添加省略号，即使文本适合！

这个例子来自一个 Elm 应用程序，它显示了一个带有 bootstrap4 表类的elm-sortable-table样式

此图像显示了表格单元格和我相应的控制台日志，用于相关标签的offsetWidth和scrollWidth属性。<td>正如（希望）在底行中看到的那样，文本被省略号截断，但 offsetWidth 大于 scrollWidth。

当我设置时，这更清楚text-overflow:clip：

顶部元素会溢出，但底部元素不会在前面的示例中都显示省略号

相比之下，我无法让 Chrome 显示这种行为：

我不知道如何确定 Firefox 中是否存在省略号，它只是有点工作，有什么建议吗？

Firefox 版本：82.0.2（64 位）

这个例子的代码可以在这里找到

标签： cssfirefoxelmellipsis