JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="inner" data-desc="Expected height">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa itaque quibusdam debitis non deserunt ratione tempore! Illum eligendi aperiam necessitatibus laudantium delectus incidunt vitae praesentium possimus id ut nihil unde!
    </div>
    <div class="inner" data-desc="same content, but line breaking no longer respects the container's width due to cssShow's absolute positioning" style="display:none">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa itaque quibusdam debitis non deserunt ratione tempore! Illum eligendi aperiam necessitatibus laudantium delectus incidunt vitae praesentium possimus id ut nihil unde!
    </div>
</div>

<div class="container" style="display:none">
    <div class="inner" data-desc="Does not account for hidden ancestors">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa itaque quibusdam debitis non deserunt ratione tempore! Illum eligendi aperiam necessitatibus laudantium delectus incidunt vitae praesentium possimus id ut nihil unde!
    </div>
</div>

CSS

.container {
    width: 100px;
}

JavaScript

$('.inner').each(function() {
    console.log( $(this).height(), $(this).data('desc') );
});