scrollWidth Issue

by NerdPad

HTML

<span id="test">KP test</span>
<br />
<span id="offsetWidth">Offset Width: </span>
<br />
<span id="scrollWidth">Scroll Width: </span>

CSS

#test {
    float: left;
    font-family: "NotoSansReg", Helvetica, Arial, sans-serif;
    max-width: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 700;
}

JavaScript

var obj = $('#test')[0];

$('#offsetWidth').append(obj.offsetWidth);
$('#scrollWidth').append(obj.scrollWidth);