JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>


<div id="block"> 
    <div class="content"> 
    sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf 
    asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a 
    klasdjf lka;sjfajf ljasfljaflkj f jf f jfaj flajklfjalfj 
    klasjf f lkajfajf lajf lajf al alfjasl jall fafasff 
    </div> 
</div>

CSS

#block {border: 1px solid red; width: 300px; height: auto; padding: 5px}

JavaScript

var block = $("#block"); 

block.resizable({ 
    maxWidth: 500, 
    minWidth: 115, 
    resize : function(e) { 
     block.height(block.find('.content').height()) 
    }   
}); 
$(function () {
            $("#block").draggable({
                cursor: "move",
                stack: ".post",
                opacity: 0.8
            });
            $("#block").bind("dragstart", function (event, ui) {
                $(this).addClass("color");	//bgi 체인지
            });
})