JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<div id="container" style="width: 100%; height: 500px; background-color: #F5DAE1;">
    
<div id="resizeME" style="width: 90%; height:35px; background-color: #00E8AE; top: 50%;" >
</div>

</div>

<!--

    To Test you will need to switch versions.

    jQuery 1.10.4 is currently in use resize does not return to correct height
    Note the initial jump to 40px on on click of resize handle and slight movement.

    Hosted jQuery 1.10.2
    //ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js

    Hosted jQuery 1.10.4
    //ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js

-->

JavaScript

jQuery('#resizeME').resizable({
    grid: 40,
    minHeight: 35,
    handles: 'n, s',
    containment: '#container',
    resize: function (event, ui) {

        resizelabel = jQuery("#DEBUG_ACTIVITY_LABEL");
        if (resizelabel.length == 0) {
            
            if (!jQuery(this).parent().is('#DEBUG_ACTIVITY_WRAPPER')) {
                jQuery(this).wrapInner('<div id="DEBUG_ACTIVITY_WRAPPER">');
                jQuery(this).find('#DEBUG_ACTIVITY_WRAPPER').css({ 
                    'display': 'inline', 'overflow' : 'hidden' });
            }
            
            label = jQuery('<label>')
            .attr('id', 'DEBUG_ACTIVITY_LABEL')
            .text(jQuery(this).height() + "px")
            .appendTo(jQuery(this))
            .css({ 
                'position': 'absolute', 'right': '-50px', 'top': '-25px', 'width': '50px',
                'height': '25px', 'background-color': '#FF7D26',
                'padding': '0px 1px',
                'z-index' : 9999 });
        }
        else
            resizelabel.text(jQuery(this).height() + "px");
        
    },
    stop: function (event, ui) {
        jQuery("#DEBUG_ACTIVITY_LABEL").remove();
        if (jQuery(this).find('#DEBUG_ACTIVITY_WRAPPER').length != 0)
            jQuery(this).unwrapInner('#DEBUG_ACTIVITY_WRAPPER');
    }
})