title: How do I determine if truncation is being applied in my style through JS?
body: <p>I am applying truncation using CSS styles:</p>
  
  <pre><code>.yui-skin-sam td:not(.yui-dt-editable) .yui-dt-liner{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;        
      -o-text-overflow: ellipsis;
      -moz-binding: url('ellipsis.xml#ellipsis');     
  }
  
  .yui-skin-sam td[class~=yui-dt-editable] .yui-dt-liner{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;        
      -o-text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>(Sidenote: I'm not sure if this is the best way to write my CSS. This is a Firefox specific workaround since truncation on Firefox only sort-of works).</p>
  
  <p>I want a tool-tip to appear over text that is truncated. How do I detect if text is truncated so that I can display a tool-tip? </p>