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

Question

我一直在遵循答案here来确定元素中的文本何时已被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位）

可以找到此示例的代码here