Ionic 4 print css


Hello Ionic community,

I’m using Ionic v4 (latest version) to build a Chrome extension, everything works fine so far except print functionality. To allow users print their page, I’m opening the result page in a separate tab and use browsers default functionality window.print() to generate print preview.
The result page contain multiple ion-list elements each with around 15 to 20 ion-item + ion-card elements (example see attachment


Now, the print preview shows only the first page. Is there any CSS hacks to make the print page show the whole content?

What I’ve already tried (nothing works for me right now):

  • Several solutions for ionic v3
  • dom-to-image solution

Thanks in advance!

1 Like