Print when textarea has overflow

Question

I have a form with some text areas that allow a scroll bar when the text exceeds the text box. The user would like to be able to print the screen, and this text is not visib

Answer 1

I recently ran into the same issue. My solution was to duplicate the content into form controls for editing and into divs for printing.

In my Head I put a print stylesheet.

In printform.css I put the following

.screenOnly { display: none; }
.printOnly { display: inline-block; }

For textareas (and other field types that were causing problems) I used the following code

<?php echo (htmlspecialchars ($_POST ['myTextArea'])); ?>

When displayed on screen the textareas are shown and the divs duplicating their content are hidden. When printing the opposite applies.

I know you already picked an answer to this question but while using the print stylesheet is a good idea it didn't describe a specific solution. Setting overflow:visible on the textarea (my first idea) didn't work so I ended up going with the solution above. If you're still having difficulties I hope this helps you out