我做了一些看似这样的简单组件：
<div class="container"><span class="text>{{someText}}</span></div>
这个想法是当文本长度超出容器的宽度时，它将使用'overflow：省略号'进行剪切，并且在鼠标悬停时会有一个显示全文的工具提示。要计算是否需要工具提示，我只需从容器中获取宽度并将其与文本的宽度进行比较。如果文本的宽度较大，则元素溢出，我应该显示工具提示。
这很好用，但不适用于IE和Edge。原因是溢出文本的width，outerWidth和offsetWidth以某种方式计算，而没有溢出隐藏的部分。是否有一些解决方法来解决这个问题？
已编辑：此处为示例https://codepen.io/anon/pen/dVzwBO
尝试在Chrome和Edge中的元素上执行鼠标悬停并比较宽度值。