JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="costraineddiv"><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li><li>Bla</li></ul>

CSS

#costraineddiv {
    width: 100px;
    height: 100px;
    overflow: hidden;
  }

JavaScript

function overflowed(ElementID) {
  var Element=document.getElementById(ElementID);

  return Element.scrollHeight>Element.offsetHeight;
}


alert(overflowed('costraineddiv'));