Webview2 PrintToPdfAsync generates pdf having blank pages before contents

Question

Webview2 PrintToPdfAsync generates pdf having blank pages before contents

Vasanth Ramakrishnan 0

Hi..

Blank pages are generated by webview2 PrintToPdfAsync during the below scenario.

  An outer table and an image table inside it( image have larger size than current page size)

 and image table have page-break-inside:avoid used.

 When webview2  PrintToPdfAsyn generates pdf, results blank pages before image .

 Nested tables having large contents size inside ( larger than current page size) always results blank pages

 How to avoid this blank pages issues?

Answer 1

Wenying Lu-MSFT 875 Microsoft Vendor

Hi @Vasanth Ramakrishnan ,

You could try to use CoreWebView2PrintSettings.MediaSize Property specifies the media size for a print.

However, if media size is Custom, you should set the PageWidth and PageHeight.

If the issue persists, in order for us to investigate this further, could you please provide the minimal code example that can help us to reproduce the issue on our end？

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Regards,

Wenying Lu

Vasanth Ramakrishnan 0 Reputation points

2023-11-03T16:48:29.6733333+00:00
Hi..

I tried to use Media size and set page width and page height but doesn't work.

if the image size is greater than page size always results blank pages before image .

Sample:

Below is the html file i used to convert to pdf and the setting is landscape.

Here image height is greater than the landscape page height so results blank pages.

Similarly if image size is greater than portrait page size always results blank pages.

Summary is like that if any single element that is larger than the current page size always results blank pages.

<!DOCTYPE html> <html> <head> <title>Large Image Page</title> </head> <body> <table> <tr> <td> <table class="test"> <tr><td> <img src="download.png" alt="Large Image" width=700px height=1000px></td></tr> </table> <table class="test"> <tr><td> <img src="download.png" alt="Large Image" width=700px height=1000px></td></tr> </table> </td> </tr> </table> </body> </html>
Vasanth Ramakrishnan 0 Reputation points

2023-11-03T16:50:31.0433333+00:00

Blank paged pdf is added hereTest.pdf
Wenying Lu-MSFT 875 Reputation points Microsoft Vendor

2023-11-07T09:33:27.9633333+00:00

Hi @Vasanth Ramakrishnan ,

What version of webview2 are you using？

We recommend you update to the latest version of WebView2 to see if this issue persists.

Regards,

Wenying Lu
Vasanth Ramakrishnan 0 Reputation points

2023-11-07T14:45:22.81+00:00

Hi

What version of webview2 are you using？

Microsoft.WebView2.FixedVersionRuntime.114.0.1823.86.x64.

We recommend you update to the latest version of WebView2 to see if this issue persists.

Updated to Microsoft.WebView2.FixedVersionRuntime.119.0.2151.44.x64 .But issue still exists.
Wenying Lu-MSFT 875 Reputation points Microsoft Vendor

2023-11-08T10:14:44.4633333+00:00

Hi @Vasanth Ramakrishnan ,

After several tests, I reproduced this issue.
Not only in webview2, but also the same result appears in my Edge browser and Chrome browser.
So, it seems to be a Chromium common issue, and we recommend you report this issue here.

Also, we recommend that you could submit a feature request to the Dev Team by sending feedback (Press Alt+Shift+I) in Microsoft Edge.

Thanks for your understanding.

Webview2 PrintToPdfAsync generates pdf having blank pages before contents

1 answer

Activity