prevent expand to textarea

Question

I am using IE8 and I have textarea on the page. It's width set to 80% with maxlength of 132 chars.
If the user write text that not contains spaces, like the letter V 132 times without spaces, the textarea grows horizontaly (width grows).
How can I prevent this behaviour - I don't want allow the width to grow?

score 4 · Answer 1 · answered Dec 01 '11 at 07:24

4

Use word-wrap: break-word; to wrap the long unbroken line.

textarea
{
    word-wrap: break-word;
}

http://jsfiddle.net/bLKPq/2/

answered Dec 01 '11 at 07:24

Kyle

63,222
27
141
151

I don't want to hide the text - I just want to prevent the textarea from expanding. – Naor Dec 01 '11 at 07:26
You want to prevent it from expending, or to limit the input size? – Michael Sazonov Dec 01 '11 at 07:30
@Naor overflow hidden hide the scrollbar even though you can see the expanded text. – Punit Dec 01 '11 at 07:31
@Michael Sazonov: prevent it from expending. – Naor Dec 01 '11 at 07:45
@punit: putting long text without spaces expand the textarea width and this is what I want to prevent. – Naor Dec 01 '11 at 07:45

score 1 · Answer 2 · edited Sep 10 '12 at 15:27

1

Set rows and cols property to it

edited Sep 10 '12 at 15:27

user229044

222,134
40
319
330

answered Dec 01 '11 at 07:25

Vishal Pawar

4,181
3
27
54

score 0 · Accepted Answer · answered Dec 04 '11 at 10:05

0

Just need to add:

textarea
{
    word-break:break-all;
}

answered Dec 04 '11 at 10:05

Naor

22,523
46
144
260

prevent expand to textarea

3 Answers3

Linked