jQuery UI resizable показывает обработчик намного ниже textarea

Question

Я пытаюсь использовать способ изменения размера jQuery UI для изменения размера текстового поля. Код, который я использовал, - это:

$(function() { 
    $("#resizable").resizable(); 
    }); 

Это основной синтаксис. Но обработчик изменения размера намного ниже текстового поля. Вы можете увидеть мой вывод на http://jsfiddle.net/cMX4q/1/. Любая помощь будет оценена.

Answer 1

Вы можете попробовать добавить этот CSS:

.ui-resizable-handle { 
     position: absolute; 
     font-size: 0.1px; 
     display: block; 
     margin: 15px 5px; 
} 

Demo Fiddle here

Answer 2

Вы можете сделать это в CSS,

.ui-wrapper { padding-bottom:0; padding-right:0;}

ИЛИ

Вы можете получить тот же результат в jQuery

$("#resizable").resizable().parent().css('padding','0');