title: using Vuetify, when i try to print a page it only shows the first one
body: <p>I have an app built using <a href="https://vuetifyjs.com/" rel="noreferrer">Vuetify</a>. </p>
  
  <p>One of the pages is used for orders and I want the user to be able to print it.</p>
  
  <p>The problem is that if I have scroll in the page, only the first page shows with a scrollbar:</p>
  
  <p><a href="https://i.stack.imgur.com/yzQnd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yzQnd.png" alt="enter image description here"></a></p>
  
  <p>How can I make it display all other pages for print?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I have a <code>.scroll-y</code> class on the main section, if I use this css for print:</p>
  
  <pre><code> @media print{
        body,
        html {
          height: 5000px !important;
        }
  
        .scroll-y {
          height: 100% !important;
        }
      }
  </code></pre>
  
  <p>it works, but obviously i don't want a set height of 5000px for every print,
  I can use js to calculate the height and set it but I'm wondering if there is a better/easier way?</p>