Printing a Bootstrap Modal page with contents larger than 1 page results in cut off in Google Chrome

I have found the issue offending problems with visibility and overflow attributes in the CSS.

@media print {
  .modal {
    visibility: visible;
    /**Remove scrollbar for printing.**/
    overflow: visible !important;
  }
  .modal-dialog {
    visibility: visible !important;
    /**Remove scrollbar for printing.**/
    overflow: visible !important;
  }
}

Go to the updated plunkler: http://plnkr.co/edit/TV0ttEAw4LWJ6sGLjSTR?p=preview Click Large Modal with 50 items and click Print and you have the contents nicely flow to the second page. NICE!

Printing Modal with overflow issue:

Printing Modal after fixing overflow Issue: