Allow textarea re-size in lower-left corner

Can I get the small re-size widget that appears in the lower right of text areas (on modern browsers) to appear on the lower left?

Answers


CSS3 adds a "resize" property that allows you to control whether the textarea is resizable. But as far as I can tell, there's no property that specifies where the handle is. If you want that level of control, you'll have to implement the widget yourself with Javascript (similar to the way the jQuery Dialog widget adds a resize handle to the DIV it creates).


You can do that by setting writing direction to right-to-left. This implies that text is aligned to the right by default, but this can easily be overridden:

textarea { resize: both; direction: rtl; text-align: left; }

There are other side effects that you cannot override. The vertical scroll bar will appear on the left. The cursor will appear at the left at times (after typing in a directionally neutral character), even characters will appear on the right when typing only left-to-right characters intermixed with neutral characters – though directionally neutral characters first appear at the left (test with typing “abc (1) x” to see what I mean).

So it comes with features that are oddities when typing left-to-right text, and it’s better to look for a different approach to the original problem (whatever it was that made you want to put the resize handle in the lower left corner).


That's not meant to be done, because then the standard of textareas would be very inconsistent and that's what the W3C tries to avoid. The internet should be consistent in some things and the resizing widget of the html textarea element will most likely always be on the right. One thing you can do is use jQuery or other JavaScript techniques to add a resizing widget in the bottom left and cover the one in the bottom right.


Need Your Help

How to use FileReference to Play sound?

actionscript-3 flash flex flex3

I build a flex application to play a sound. I use FileReference to browse mp3 file. How can I use that FileReference object to play that file using Sound Class's play method. Or I can load data fro...

Gracefully restart entire Akka actor system

akka

How can I gracefully restart an entire actor system? In other words, stop all the actors in the system with a gracefulStop (or at least the important ones!)

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.