JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test" > test </div>
CSS
#test{
border: 1px solid #000;
}
JavaScript
var element = document.getElementById('test');
inOverflow = window.getComputedStyle(element).overflow,
inHeight = element.clientHeight;
element.style.overflow = 'hidden';
var tempDiv = document.createElement('div');
tempDiv.style.height = element.clientHeight + 'px';
element.appendChild(tempDiv);
if(element.clientHeight !== inHeight){
console.log('height is auto');
}else{
console.log('height is ' + inHeight + 'px');
}
element.removeChild(tempDiv);
element.style.overflow = inOverflow;