Teacher of Things Teacher of Things - 1 year ago 68
Javascript Question

Javascript/JQuery resize textarea with div/"grippie"

I've look at many things covering how to make a "grippie" that resizes a

, and have tried all the code but none was worked. Any help? I'm trying to make it like the one on Stack Overflow when you ask a question or post an answer.

Answer Source

I found out how to do it!! Here is a fiddle with the project. I will continue to update it and make it better!


<textarea id="textarea"></textarea>
<div id="grippie" draggable="false"></div>


var resize = false;
    resize = false;
    if(resize == true){
    resize = false;
   resize = true;
   resize = false;


#textarea {
   padding: 2px;
   width: 400px;
   height: 200px;
   min-height: 50px;
   overflow: auto;
   resize: none;
#grippie {
   display: block;
   width: 404px;
   height: 5px;
   background-color: #CCC;
   border: 1px solid #888;
   cursor: s-resize;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download