title: Printing a Bootstrap Modal page with contents larger than 1 page results in cut off in Google Chrome
body: <p>Trying to get printing to work for Modals. </p>
  
  <p>In the latest Google Chrome and using the latest angular-ui-bootstrap 0.14.2, we have problems getting large contents like list or tables to overflow to the next page.</p>
  
  <p>I have already done the necessary changes to hide the background objects:
  Add the following style into the modal page:</p>
  
  <pre><code>@media print {
        body * {
          visibility: hidden;
        }
        #print-content * {
          visibility: visible;
          overflow: visible;
        }
        #mainPage * {
          display: none;
        }
        .modal {
          position: absolute;
          left: 0;
          top: 0;
          margin: 0;
          padding: 0;
          min-height: 550px;
        }
        li {
          page-break-after: auto;
        }
      }
  </code></pre>
  
  <p>Any one has a quick fix?</p>
  
  <p>Plunker:
      <a href="http://plnkr.co/edit/TV0ttEAw4LWJ6sGLjSTR?p=preview" rel="noreferrer">http://plnkr.co/edit/TV0ttEAw4LWJ6sGLjSTR?p=preview</a></p>
  
  <p>You test out the Print preview for different modal and the Print buttons.
  Print preview works OK for current page, but not modal. =(</p>