Resizable text fields

KingOfTheSouth · 09-02-2010, 05:08 AM

I have been noticing that everywhere I go that all text fields are resizable even simple ones such as

Quote:

<textarea class="text" maxlength="300" cols="60" rows="6" name="msg"></textarea>

Is this standard for html now? I see it on every single website I go on anymore.

tony · 09-02-2010, 01:59 PM

If you are using chrome/chromium, they display any textarea as resizeable. And I think even safari has it, I am not sure.

Village Idiot · 09-02-2010, 03:29 PM

There is no cross-platform HTML solution, its done in javascript. The only one I've ever used is the jQuery autoResize library.

If it is happening on every website, its your browser.

buildakicker · 09-02-2010, 05:26 PM

Quote:

Originally Posted by Village Idiot

There is no cross-platform HTML solution, its done in javascript. The only one I've ever used is the jQuery autoResize library.

If it is happening on every website, its your browser.

YES - Use the jQuery one... real nice!
Resize Text Area Search

delayedinsanity · 09-02-2010, 06:47 PM

It's supported natively by all browsers implementing the CSS 3 UI, so we're looking at Chrome, Safari, FireFox 4, et al. No word on IE, or at least I couldn't turn anything up on Google. You can control it too;

css Code:

textarea {
resize: both; /* default */
resize: vertical;
resize: horizontal;
resize: none; /* off */
}

I know this isn't what you were necessarily asking but I'll throw in a quick mention for clarity; if you want the textarea to automatically resize, ala Facebook, you will definitely have to incorporate a JavaScript solution.