JSFiddle - React, Tailwind, and code Playground

by drewP

HTML

<div class="demo">
    
<input type="text" value=""  class="resizable"><br>
<input type="text" value=""  class="resizable"><br>
<input type="text" value=""  class="resizable"><br>
<input type="text" value=""  class="resizable"><br>
<select ></select>

</div>




<a href="#" id="non">non-resizeable</a>

<a href="#" id="again">Make-resizeable_again</a>

CSS

.resizable { 
    width: 150px !important; 
    height: 20px !important; 
    padding: 0em; }

JavaScript

$(function() {
        
        
        
        
        $( "input[type=text]" ).resizable();
       // alert($(".demo").html());
        
        $( "input[type=text]" ).resizable('destroy');
       // alert($(".demo").html());
        
        var demodiv=$(".demo").html();
        
        $(".demo").html('');
        $(".demo").html(demodiv);
        $( "input[type=text]" ).resizable();
        
        
        
     
    
        
        
        
        
        $("#non").click(function(){
            $( ".resizable" ).resizable('destroy');
            });
            
            $("#again").click(function(){            
                $( ".resizable" ).resizable();
            });
    });