Ionic 4 print css

Ionic Framework
1

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

56%20PM
Screen Shot 2019-02-25 at 1.29.56 PM.png2490×1630 1.1 MB
)

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!
Vitali

2 Likes
2

Did you ever get any resolution on this? I’m having the same issue with an ionic 5 app.