As a Web App Developer – Internet Explorer is the browser we love to hate. However end users that use Internet Explorer (by choice or by force) shouldn’t have to suffer poor usability when we can do something about it.
The usability item I want to mention today is with regards to <textarea> elements. Conceptually the textarea field is dead simple, a multiline text field control… but it is the little details that really matter.
The 1st problem is that by default IE renders textarea controls with a disabled vertical scrollbar when it isn’t required. Visually it is just extra noise and consumes valuable space, but it is also potentially misleading as it implies that the field itself might be disabled.
However the 2nd problem is that IE didn’t keep up with the times as browsers advanced. All other browsers have added a usability tweak enabling the user to stretch the textarea to their desired width/height so they can see more of the content in the textarea or shrink it to see more of the surrounding screen.
Presenting StretchableTextareas! a jQuery plugin I wrote (MIT license) that adds a simple overlay to mimic the gripper in other browsers (see screen capture below).
Go ahead and download/fork the StretchableTextareas jQuery plugin code on Github.