title: Print full text from a textarea
body: <p>I'm printing a form. The problem I have is when the text of the textarea field is large, when printing it does not print the whole text. I have the following code, to create the form and print:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>success: function(result){
    $.ajax({  
          url:"comp_den.php",  
          method:"POST",
          cache: false,                           
          dataType:"json",  
          success:function(data){
                    
              $(".insdenuncia").click(function(){
                  $("#s1").hide();
              });
              $(".insdenuncia").click(function(){
                  $("#s2").show();
              });
                    
              var linha = ``;
  
              for (var i = 0; i &lt; data.length; i++) {
          Denuncia = data[i][3];
          
          linha += `&lt;div class="form-group form-message"&gt;
                                  &lt;textarea class="form-control acerto2 acerto4 area"&gt;${Denuncia}&lt;/textarea&gt;
                                  &lt;label class="acerto2"&gt;Digite a sua denúncia&lt;/label&gt;
                                  &lt;/div&gt;`;
                    } 
  
  
                    $('#s1').hide();
                    $('#s2').show();
                    $("#comprovativo").html(linha);
                    
                    $(document)
                        .on('keyup input keypress keydown change', '.area', function(e) {
                        var tamanhoMin =  $(this).attr('rows') * $(this).css('line-height').replace(/[^0-9\.]+/g, '');
  
                        var novoTamanho = this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"));
                        if (tamanhoMin &gt; novoTamanho) novoTamanho = tamanhoMin;
                        $(this).css({'height': novoTamanho});
                    });
  
                    $(".area")
                        .delay(0)
                        .show(0, function() {
                        var el = $(this);
                        setTimeout(function () {
                            el.trigger('keyup');
                        }, 100);        
                    });
  
                }
  
  document.getElementById("btnPrintt1").onclick = function () {
          printElement(document.getElementById("printThhis1")); 
      }
      
      function printElement(elem) {
      
          var domClone = elem.cloneNode(true);
          
          var $printSection = document.getElementById("printSection");
          
          if (!$printSection) {
              var $printSection = document.createElement("div");
              $printSection.id = "printSection";
              document.body.appendChild($printSection);
          }
          console.log($printSection);
          $printSection.innerHTML = "";
          $printSection.appendChild(domClone);
          window.print();
      
      }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media screen {
    #printSection {
      display: none !important;
    }       
  }
  
  @media print {
    #btnPrintt1{
    display: none !important;
    }
    .acerto4{
      overflow: hidden;
    }
    #printSection { 
      left:0 !important;
      top:0 !important;
    }
    .pagebreak { page-break-before: always; }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form class="main__form" role="form" id="comprovativo"&gt;
  
  &lt;/form&gt;
  &lt;div class="text-center" style="margin-top: 4%;"&gt;
    &lt;button type="button" class=" btn btn-get" id="btnPrintt1"&gt;&lt;span&gt;&lt;i class="pe-7s-print"&gt;&lt;/i&gt; Comprovativo&lt;/span&gt;&lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I already put the scroll bar to hide, but if the text is large when printing, after a certain height the text is hidden. Can you help?</p>