JSFiddle - React, Tailwind, and code Playground

HTML

<div class="show">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe iste libero, accusamus fugit voluptatibus, cupiditate distinctio ex itaque mollitia perferendis nulla in earum repellendus quam, perspiciatis dolorem voluptatum vitae voluptatem numquam alias, incidunt odit culpa ducimus? Dicta non sit pariatur. Sapiente impedit asperiores enim laboriosam saepe a esse, quis harum hic nisi exercitationem error facilis tempore molestiae repudiandae deleniti suscipit odio! Aspernatur id sit, dolor excepturi, perferendis nulla iste sunt amet accusantium repellendus consequatur optio natus ab nobis molestias soluta reiciendis, sint dicta. Eligendi minima, porro nisi. Eum dignissimos a deleniti dolore voluptatibus, voluptates, deserunt eligendi, sunt temporibus in rerum sdafsd speriores enim laboriosam saepe a esse, quis harum hic nisi exercitationem error facilis tempore molestiae repudiandae deleniti suscipit odio! Aspernatur id sit, dolor excepturi, perferendis nulla iste sunt amet accusantium repellendus consequatur optio natus ab nobis molestias soluta reiciendis, sint dicta. Eligendi minima, porro nisi. Eum dignissimos a deleniti dolore voluptatibus, voluptates, deserunt eligendi, sunt temporibus in rerum sdafsd .</div>

CSS

.show { display:none; }

JavaScript

var getHeight = function(el) {
    var el_style      = window.getComputedStyle(el),
        el_display    = el_style.display,
        el_position   = el_style.position,
        el_visibility = el_style.visibility,
        el_max_height = el_style.maxHeight.replace('px', '').replace('%', ''),

        wanted_height = 0;

    // if its not hidden we just return normal height
    if(el_display !== 'none' && el_max_height !== '0') {
        return el.offsetHeight;
    }

    // the element is hidden so:
    // making the el block so we can meassure its height but still be hidden
    el.style.position   = 'absolute';
    el.style.visibility = 'hidden';
    el.style.display    = 'block';

    wanted_height     = el.offsetHeight;

    // reverting to the original values
    el.style.display    = el_display;
    el.style.position   = el_position;
    el.style.visibility = el_visibility;

    return wanted_height;
};

var show_el       = document.querySelector('.show'),
    wanted_height = getHeight(show_el);

show_el.parentNode.innerHTML += wanted_height;