wrap="off" + autosize prevents editing long lines

[breunigs]

See this js fiddle: http://jsfiddle.net/Dsb87/1/

Autosize doesn’t recognize textareas with wrap=off. Even if enabling the horizontal scrollbar explicitly in CSS it is disabled by Autosize. Instead, it adds an additional line so that the text would fit if wrapping were on.

The use case for such a textarea is where the line breaks matter (i.e. one option per line).

[jackmoore]

I'm not familiar with the wrap property. That's non-standard, isn't it? I doubt I'll add support for that, but wouldn't the CSS property for white-space do the same thing? How about this:

http://jsfiddle.net/kqPDg/

The !important modifier is to add a higher specificity than the overflow style that autosize sets in the CSS.

[breunigs]

Yes, it’s non-standard. However it’s the only way Gecko will not wrap the contents – for some reason it ignores the CSS nowrap for textareas (it doesn’t work in your fiddle, for example).

However, wrap=off + css nowrap + !important for overflow-x seem to work in all browsers. I thus mark this ticked closed. Thanks for your help.