Hello,

While creating webforms, I have found that the width setting of a textarea input does not effect the output, at least when textarea resize is enabled. There are issues with resizable textareas in IE as reported here. But the textarea width issue remains for me before and after the fix of adding a span tag around the input area. The html view does include both row and col values, but the width has no effect. Has anyone else had this porblem and was able to fix it?

Thanks.

Comments

quicksketch’s picture

quicksketch
he/him
commented

As you report, the markup is fine by webform. Any css you have in your theme however will take precedence over the HTML's width and height values. I'd suggest installing Firebug for Firefox and inspecting the textarea element. It will tell you exactly what line in which css file is causing the width to be set.

quicksketch’s picture

quicksketch
he/him
commented
Status: Active » Closed (fixed)
salientknight’s picture

salientknight commented

I can pin it right down in the CSS to system.css setting white-space:nowrap; I cannot however find a level at which I can adjust the white-space, where it is not A)overwritten by system.css and B) does not effect every other form element on the site.

Any thoughts on how I might adjust col width?

Thanks

drupaljohngo’s picture

drupaljohngo commented

Firebug is a necessity. I had a similar issue. The textarea in web from was extending the length of the document. What I did was use firebug by inspecting the textarea. From that, I had css injector installed and created a rule. The rule was any node of that particular form say www.mydomain.com/form/event for example (just type form/event.
I added the css 

#name of the textarea div {
width: 719px;
height: 126px;
}

Simple CSS. The field is still resizeable, however it is the width I want. I can resize it, copy and paste the
settings and they will usually change upon clearing the cache and/or reloading.