I have tried various solutions found in articles but have not been successful. Here is an example of one such attempt:
@media print {
.modal {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
visibility: visible;
/**Remove scrollbar for printing.**/
overflow: visible !important;
}
.modal-dialog {
visibility: visible !important;
/**Remove scrollbar for printing.**/
overflow: visible !important;
}
}
This code works perfectly with bootstrap modal views, but unfortunately does not work with ion-modal-view when the content is lengthy.
One strange observation... when the page is in desktop mode , the window.print() function works fine for all pages. However, when the page is in mobile mode , window.print() only prints the first page.
If you have any ideas on how to resolve this issue with long contents in ion-modal-view, please let me know.
Thank you in advance.