JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        Overflow: Clip
    </title>
</head>
<body>
<div id="target" style="width: 50px; height: 50px; overflow: clip;">
  <div style="width: 100px; height: 100px; background: lime;"></div>
</div>
<script>
console.log(target.scrollWidth);
console.log(target.scrollHeight);
</script>

</body>
</html>