drag a textarea when the cursor is inside the control

i am making a textarea draggable using jquery UI....basically im making a div draggable and in that div is my textare开发者_StackOverflow中文版a. when u drag the div the textarea drags too. the problem is that if my mouse pointer is inside the textarea, and i try to drag the control, it fails. so basically when the pointer changes the shape from arrow to that symbol when u are writting text( i dont know wats the name of the shape) the dragging donot occur! i think i can understand that since the text area is in editable mode, and when u click inside, the jquery drag method might not be invoked...but i think there shud be a solution to this!

thanks!!

The best way to easily get around this is to mimic a window UI component where the top side bar is the handle for the dragging and the content is not.

Refer to the corresponding section of jQuery UI for further information

If you don't need the textarea the you could simply mask it with another div, or set it to disabled. However, if you do need the textarea then you've got yourself a usability issue as you'd never be able to highlight text inside the textarea if you did manage to make it draggable.