How Do I Auto Grow a Large Text Box Width when Focused?

Answer

The end users want the ability for a large text box to auto grow to a width then focused and then shrink back when not focused.

With no text box focused:

With a text box focused:

The above was achieved using a custom style sheet for the activityA specific step in a process.  It will be the user interface for that step (web form or a screen), for example, the Leave Application (screen interface or web form) will be the first Activity in the Leave Requisition process.  The Leave Application Authorization will be the second step or Activity in the Leave Requisition process.  One Process can have multiple activities. due to the layout requirements.

The following was added;

< style >
textarea {
resize: horizontal;
width: 200px;
}
textarea:active {
width: auto;
}
textarea:focus {
min-width: 200px;
}
< /style >

The above can also be added to the main site CSS if the option is required across the site versus a specific activity.