Resizable: Doesn't render nicely for textarea fields

[lawrencepit]

On the demo pages it would be good to show an example of a resizable textarea field. I tested this in ff3 and safari and it doesn't render nicely at all. The resize handle is drawn way outside the textarea field. Also, when the textarea field gets focus in safari the left and top edges have a 1px thin outline (default is has a 4px blue outline).

If I wrap the textarea myself (in a simple <div></div>) and then use alsoResize I can get it working as it should.

[tj.vantoll]

Confirmed that textarea still looks a little off when made resizable by default - ​http://jsfiddle.net/tj_vantoll/uCqGH/. We discussed this and our thought is that our resizable textareas should work like native resizable textareas - the controls should be on top of the textarea by default.

The demo page (​http://jqueryui.com/resizable/#textarea) looks fine but it gets around this issue by applying .ui-resizable-se { bottom: 17px; } to account for the added padding.

I can also still see the strange display of the outline when resizable is applied to a textarea in Safari 6.

[tj.vantoll]

#4596 is a duplicate of this ticket.

[tj.vantoll]

#4373 is a duplicate of this ticket.

[Jörn Zaefferer]

The textarea in our demo looks and behave awful in IE8. Its gets centered on the page and the resize handle is on top of a (disabled) scrollbar.