How to add resizer to textarea in IE?

jquery internet-explorer resize textarea resizable
Coddy picture Coddy · Aug 4, 2012 · Viewed 16.5k times · Source

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

jQuery.resizable() won't work for me.

Answer

Sampson picture Sampson · May 5, 2016

Internet Explorer (and Microsoft Edge, as of May 5, 2016) do not support native gripper/resizing on textarea elements. While these may eventually be supported in the future (in Microsoft Edge), the best option you have for now is to polyfill the functionality.

Many options exist online that do this, but if you're using jQuery and jQuery UI, you could use the Resizable widget:

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

By default, this places the handler beneath the textarea. I didn't like this:

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

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

Related questions

window.resize event firing in Internet Explorer

As you are aware, in Internet Explorer, the window.resize event is fired when any element on the page is resized. It does not matter whether the page element is resized through assigning/changing its height or style attribute, by …

Read More
Check if user is using IE

I am calling a function like the one below by click on divs with a certain class. Is there a way I can check when starting the function if a user is using Internet Explorer and abort / cancel it if …

Read More
How can I prevent the backspace key from navigating back?

On IE I can do this with the (terribly non-standard, but working) jQuery if ($.browser.msie) $(document).keydown(function(e) { if (e.keyCode == 8) window.event.keyCode = 0;}); But is it possible to do in a way which works on Firefox, or …

Read More