How to add resizer to textarea in IE?

Question

How to add resizer in textarea in IE in the same way as in Chrome and Firefox?

jQuery.resizable() will not work for me.

Answer 1

Internet Explorer (and Microsoft Edge, starting May 5, 2016) does not support native capture / resizing of textarea elements. Although they may eventually be supported in the future (in Microsoft Edge), the best option you have now is polyfill functionality.

There are many options in this mode, but if you are using jQuery and jQuery UI, you can use the Resizable widget:

 $("textarea").resizable({ handles: "se" // place handle only in 'south-east' of textarea }); 

By default, this places a handler under the text box. I did not like it:

 .ui-resizable-handle { transform: translateY(-100%); } 

You can see the end result here: http://jsbin.com/rumokazepo/edit?html,css,js,output

Answer 2

Is it impossible to solve this in CSS by specifying width and height like this:

 .resize { width: 100px; height: 100px; } <textarea class="resize"></textarea>