On my current project, we are working on a feature to allow printing of reports. Every question in the report uses a textarea for comments. We ran into an interesting issue when comments overflow the textarea and cause it to scroll. When the report is printed, the textarea cuts off the part of the comment.
We looked at a few possible solutions for this issue. One involved automatically resizing the textarea to make enough room for its content. While this could fix our issues, it can also make the already long form even longer.
This code binds to the change event on the textarea to update the contents of the print viewable div. It modifies the DOM structure surrounding the textarea to work its goodness. Here is a before and after of the textarea.
So, if you anticipate users printing forms with textareas, remember to make them accessible to the printer. Feel free to use an auto-resizing textarea or use my method of keeping a copy around with a print stylesheet.