Resizable textarea and Opera

[james438]

Just an interesting note, but the latest build in Opera, which is likely to be released in a couple days has just added a new feature that is already available elsewhere. Resizable textareas. I'm not totally sure what I think about it, but mostly I like it. The only part I am not sure about from a web designer's standpoint is how I can disable it if I so choose.

Those that know me know that I love the Opera browser, so I'm a little excited about this. I had been planning on writing some javascript or just adding it to my site from elsewhere to allow for resizable textareas, but this works too.

[djr33]

Resizable text boxes are a strange thing to deal with. They're obviously useful but at the same time can get in the way. It would be nice to have them only resizable in a way that works for the page's layout.
Most browsers also only allow making the textbox larger, not smaller (except to return to the normal state).

[james438]

Yes, it would be nice if the textbox could be resized smaller. That was the first thing I was disappointed with. I have often been frustrated with sites that have forms where they expect me to write a 500+ word message or comment in a textarea that only allows 7 visible words. I send comments to the webmaster when I see such things, but have not received any responses back about it. I suspect that they did read what I had to say though. For such sites like that and for an avid Opera user like myself this is quite a nice new feature for Opera even if it is old hat elsewhere.

[bernie1227]

Could you use:


resize: none;

To stop it resizing?

[jscheuer1]

Could you use:


resize: none;

To stop it resizing?

That's a CSS3 style property/value pair and supposed to work in Safari which also has resizable textareas. Setting the width and height in style will prevent it from becoming smaller. Setting the max-width and max-height should prevent it from becoming larger. If that works, you could set width and max-width the same, likewise for the height/max-height to prevent resizing. Or you could, again if that works, set the max values a bit larger to allow for some resizing.

[james438]

resize:none and max-height work. I didn't try the settings out extensively, but I am glad they work. Since this is the first build to try out the resizable textareas it was a good idea to test it out.