JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<div style="width: 50px;">1,234,567</div>
<div>1,234,567</div>

CSS

div {
    outline: 1px solid #ccc;
}

JavaScript

// open your console
    
var divs = document.getElementsByTagName('div');
var i, div, overflowing;

for (i=0; i<divs.length; i++) {
    div = divs[i];
    overflowing = div.offsetWidth < div.scrollWidth;
    console.log('overflowing? ', overflowing);
}