iOS8 hangs at [renderer numberOfPages]

[cliffjoyce]

On iOS 8, the _savePdf method often (but not always) hangs at [renderer numberOfPages]. The more complex the page, the more likely the hang.

[ChrisBeeson]

I'm having the same issue... have you found a fix?

[cliffjoyce]

It turns out that there's a CSS property called "page-break-after". When the source HTML includes this property, then the renderer hangs when attempting to calculate the numberOfPages-- but only in iOS 8 (not iOS 7 or 6). We use this CSS property to create HTML page breaks.

From the _savePdf method, we've tried setting various values for self.webView.paginationMode and self.webView.paginationBreakingMode. But those changes did not prevent the hang.

Our current thinking that we need to modify our HTML to exclude the "page-break-after" CSS, and devise some other way to control our HTML page breaks.

[ChrisBeeson]

Personally I'm not using that CSS property, but it still hangs.

It seems to be a new issue with UIPrintPageRenderer - (void)drawPageAtIndex:(NSInteger)pageIndex inRect:(CGRect)printableRect;

[melsam]

Thanks @cliffjoyce for the suggestion. Confirming that removing page-break-after solved the issue for me too. In my app, I removed page-break-after from one element and added page-break-before to another element to achieve the same result. This does seem to be an Apple bug in iOS 8, but at least the workaround seems to work.

[cliffjoyce]

Thanks back at you @melsam. Your suggestion to use page-break-before resolved our issue as well.

[bcriscuolo]

Thanks to this thread, you folks got me out of a big jam. :)

iOS 9 still has the issue, including in the simulator.

My fix (client-side) was to replace any instances of "page-break-after" with the newer "break-after" CSS property prior to loading my web view; fully compatible and now working correctly.

[esutton]

Thank you all!

• Same thing on iOS 10.2.1 using page-break-before
• Seems to occur when my reports get larger than 3 or 4 pages, for example a 17 page PDF.

The fix for me was to use suggestion similar to @bcriscuolo and change page-break-before to the newer "break-before" CSS property

const QString CssStyleSheet =
        "<style type=\"text/css\">"
        "@media print {"
        ".pagebreak-before:first-child { display: block; page-break-before: avoid; }"
        ".pagebreak-before { display: block; page-break-before: always; }"
        "}"
        ".odd {"
        "background-color: #efefef;"
        "}"
        ".even {"
        "background-color: #ffffff;"
        "}"
        "table {"
        "width: 100%;"
        "}"
        "th, td {"   /* *** \todo Fix. CSS th, td{} is messing up footer table alignment **** */
        "text-align: left;"
        "}"
        "</style>";

Changed to:

"<style type=\"text/css\">"
"@media print {"
".pagebreak-before:first-child { display: block; break-before: avoid; }"
".pagebreak-before { display: block; break-before: always; }"
"}"
".odd {"
"background-color: #efefef;"
"}"
".even {"
"background-color: #ffffff;"
"}"
"table {"
"width: 100%;"
"}"
"th, td {"   /* *** \todo Fix. CSS th, td{} is messing up footer table alignment **** */
"text-align: left;"
"}"
"</style>";