hello, <textarea> elements are resizible by default in firefox: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

That is done via the resize CSS property on a text area and should work for this forum and otherwise for text areas that haven't disabled it (it is enabled by default). You should see a (faint) resizer element in the lower right corner and get a resize mouse pointer if you move the mouse on that resizer element.

• https://developer.mozilla.org/en/CSS/resize
• http://dev.l-c-n.com/form-controls/resize_textarea.html

http://dev.l-c-n.com/form-controls/resize_textarea.html

Leveraging this link allows me to test the different resize parameters (vertical/horizontal/etc). Sadly however I am not too familiar with where to 'edit' this particular parameter.

https://developer.mozilla.org/en-US/docs/Web/CSS/resize

I have read the above link and understand how I need to change this parameter. I suspect that this is set by the webpage that I am interacting with. In order to correct this will I need to leverage a CSS editor or am I able to locate and modify this parameter via the Firefox tools?

Apologies for any lack of knowledge on the subject matter.

Do you see the "grippy" on the textarea's on that demo page? (Screen shot) Does that work?

Unfortunately, rich text editors implemented using an iframe and an element of a document marked contenteditable do not necessarily have this kind of affordance built in. You might need to "hack" the page with custom style rules to resize the editing area to suit your needs.

As a starting point to investigating the kind of container it is, can you try using the Inspector feature? Right-click the editor > Inspect Element (Q), then click your way up the HTML "tree" until you find the outer container of the text.

Or if this is a commonly used site, someone here might have an account. Do you want to mention which one it is?

I do see the 'grippy' on the textarea's demo page. However, I do not (within Firefox) on the page(s) I try to leverage. I do however when I use Chrome (I can't stand Chrome).

The page I am trying to leverage is Salesforce.com

Additionally, when leveraging the textarea within this support forums, the 'grippy' does exist as well which is why I thought that it may be page specific for this feature and Chrome simply has an add-on to overwrite this.

http://i.imgur.com/hhMOKOf.png

If I highlight (div class="htmlEditor" style="position: relative; height: 220px;") it outlines the textarea input section

Input areas won't have the resize grippy and rich text editor also not. You will only see this is a normal multi line textarea like used on this forum. You can check that via the right-click context menu in the Inspector.

Just as a nomenclature note: a textarea form field is created by the <textarea> tag. What SalesForce apparently has is an editable division created by a <div> tag. Firefox doesn't automatically add the bits and pieces associated with a textarea field to a div.

Unfortunately, I think we closed our SalesForce account so I don't have access to that page. In searching a bit, I noticed this (unanswered) request: Expand email editor window - Ideas - Salesforce Success Community.

Maybe there is a more general solution, but I didn't find it in a search. Hopefully you will get a useful suggestion.

Thanks team! I will reach out on my side to our SF team and I will have them look into it for me since it appears that the issue is more dedicated to their side more-so than my browser.

Appreciate all the help!

A DIV that has contenteditable=true to make it editable is not a normal text area, but a rich text area that accepts HTLM code and thus is not resizable this way.

It's at least theoretically possible to add a resizer to a contenteditable element. Here's a demo: http://jsfiddle.net/t19r4sv4/

But depending on what is inside of what, the resizer might not be usable due to other constraints, such as a fixed height on the surrounding table cell. I think "hands on" probably are needed to develop a fully functioning hack.